文档章节

四大秘要!让用户第一眼就爱上你的网站

王尘宇
 王尘宇
发布于 2017/09/07 00:02
字数 2410
阅读 1
收藏 0
点赞 0
评论 0
我保证这是一篇对你有启发的文章,就像标题一样,我会教会你今后应该怎样设计来讨好你的用户。 大家都知道人与人之间是有眼缘的,也就是所谓的第一印象,而对于我们设计的网站也是如此,用户对我们网站的第一印象可以说是旷日持久的,在最初的几秒钟里,用户就会决定在我们网站是去是留,他们会迅速判断网站是否符合他的胃口。 所以设计的第一印象就显得格外重要,当然有一个细节可能大家都忽视了,那就是访问者的性别,用户有两类:男人和女人,而男人和女人的第一感官是不尽相同的。 男性用户和女性用户经常依据不同的经验来浏览网站,你的站点的外观可以立刻吸引两性之一或两者都被吸引。那么如何有效的吸引不同性别的用户呢?其实业界早就有了很深层次的研究,并公布了他们的看法,今天在这篇文章里,我们将向您分享这些原则及设计理论。 我将会反复向你灌输:设计是有性别的! 让用户第一眼就爱上你的网站 bagigia 让用户第一眼就爱上你的网站 everlovinpress 让用户第一眼就爱上你的网站 papercutart 让用户第一眼就爱上你的网站 eclectiquedesigns 一、图像的性别用户在以上网站时看到的第一个设计元素是图像,尤其喜欢看包含人的图像。 为什么这么说呢?(亲切,有归属) 举个最简单的例子,我这篇文章里,Banner图放一张美女,肯定要比放一张小孩或者男人或者老人要更吸引点击。 那么有些情况,我们在设计中不能出现人物的时候,如何来吸引男性女性呢?别急,我们来试想一下包含更多的无生命物体图像的网站,譬如风景植物神马的。这些图像在性别趋向上其实早被造物主赋予了,你不信?请看我下面的例子。 配图元素其实也是有性别属性的,我大体分类如下,您可以感受一下是不是如此:
*婴儿,小狗和总体看上去可爱的东西——女性 *运动和活动——男性 *绚丽的风景和树木——女性 *崎岖的风景和地形——男性 *食品——女性(吃货菇凉们看到这里肯定会心一笑了) *衣服和鞋子——女性 *设备和电子——男性
呃,在这方面最经典的案例就是那些情色网站了,图片都是衣着暴露的菇凉和小伙子们,网站也正是靠这些有吸引力的女性或男性图像来吸引着你的访问。 —————————裸露的分割线——————————– 二、字体的性别 让用户第一眼就爱上你的网站 khailiew 让用户第一眼就爱上你的网站 barcampomaha 让用户第一眼就爱上你的网站 souppeddler 让用户第一眼就爱上你的网站 cakesweetcake 嗨,同学们,通过第一段的简要介绍,我现在再跟你灌输字体也是有性别的,你会不会觉得容易接收了呢? 的确,字体类型的选择上,同样也可以暗示男性气质或女性气质。 当涉及到性别趋向时,字体性别的辨识怎么来判断呢?最重要的考虑因素是字体的倾斜度、笔画和细节。 大多数人会迅速地把含有各种曲线和斜线的字体同女性关联起来,包括草书字体和手绘类别。 一个字母的笔画也暗示了性别趋向。相对于粗体,细薄的笔画通常被认为是更轻、更女性化的字形。使用这种技巧,设计师可以分别开发适用于男性和女性的系统字体。 最后,设计师应该看看字体中最细微的部分。衬线字往往有一个男性优势,尤其是那些非常广阔的边缘。另一方面,圆形和弧形边缘的衬线,意味着女性化。 同样的原则也适用于其他笔画和装饰,更多的镶褶边的线条和尾巴、充满泡沫的字体更吸引女性。大家平时注意下不难发现女性的字体风格,尤其是那些出现在网站上的用于婚礼、婴儿用品、工艺品,都倾向于繁重的装饰。块状的风格和鲜明或尖的类型反映了男性格调。
举几个栗子大家感受下 *陈旧的英文——男性 *手迹——女性 *草书——女性 *板衬线——男性 *硬边衬线——男性 *曲边衬线——女性 *高瘦,凝聚风格——男性 *厚笔画——男性 *薄笔画——女性
让用户第一眼就爱上你的网站 嗯,看到这幅图的时候,大家可能困惑了,特别是这幅图没有赋予色彩的时候,作为设计师的你肯定能够一眼判断出哪个是纯爷们,哪个是花菇凉。 但是问题就出在,哥给了他一个颜色! 瞬间,这四个字体,有一个伪娘和一个假小子。 这也正好引出我下一个话题。 —————————英俊潇洒的非衬线分割线——————————– 三、颜色的性别 让用户第一眼就爱上你的网站 paidtoexist 让用户第一眼就爱上你的网站 andotrucktulsa 让用户第一眼就爱上你的网站 jessmarksphotography 让用户第一眼就爱上你的网站 loveandluxesf 如果让设计师的你写一本关于男性与女性的书,你会用神马颜色做为你拉风的封面呢? 大多数人往往以常见的蓝色代表男孩和粉红色代表女孩为开头。。。。(当然有些男孩纸估计会选择粉色,有些女孩纸如欧阳念念那样的估计会选择蓝色或黑色吧。。。) 其实呢,基于性别和文化,颜色知觉可以改变。 所以我们该从何处着手呢? Bingo!考虑一下饱和度。 最暗沉的颜色、最深的色相,最能散发出男子气概——试想一下黑人,海军,他们身上都彰显着暗绿、红色、紫色或橙色。如果白色作为一个简单的背景而出现,那么这很有可能是男性的格调。 多彩色通常被认为更女性化。其他温和的色调例如粉红、黄色、蓝色也被归为这一类。 这方面,您可以学习由Joe Hallock分享的color perceptions around the world《关于两性之间的颜色感知差异研究》。在这些发现中最受男性欢迎的颜色是蓝色、绿色和红色,棕色和紫色是最不被接受。女性色彩前三甲分别是蓝色、紫色和绿色,橙色和棕色是最不受欢迎。一个最显著的研究是人们如何利用紫色彰显高贵典雅女性气质,这是女性的专属颜色!所以这也让很多设计师绞尽脑汁去为女人们定制专一的颜色来取悦她们访问网站,而将男人拒之门外!这与产品的定位有关,如果你确定你的产品都针对女性,完全有必要色彩的选用方面大胆性感的去采用女人们喜欢的色彩,男人负责掏钱就好。。。 中性色调——淡棕色,淡黄色,绿色或蓝色——它们仅仅是中性的,很少有特定的性别倾向。这些颜色将被用作特定性别趋向以外的设计。
举栗子大家感受下: *暗沉,饱和的颜色——男性 *彩色——女性 *蓝色——男性 *粉色——女性 *紫色——女性
—————————姹紫嫣红的分割线——————————– 四、形状的性别 让用户第一眼就爱上你的网站 让用户第一眼就爱上你的网站 planetpropaganda 让用户第一眼就爱上你的网站 8vodesigns 让用户第一眼就爱上你的网站 crazylovecampaign 硬质拐角和轮廓分明的形状,通常都代表着更强吸引力的男性——比如方形、三角形和梯形。九十度的拐角除了是一个受欢迎的设计技巧,它也有着性别方面的视觉暗示。 与上面的形状恰恰相反的则看上去更吸引女性,想像一下曲线和一些可爱精细的圆圈,前凸后翘的波浪线和妩媚动人的圆圈叠加。(骚年们肯定都坏笑了) 那些拥有更多维度的形状倾向于女性。而平的、原始的形状则更男性化。坚硬的的线条和深色块也可以显示一个阳刚的基调,而细线(特别是在字形中)和轻微的笔画看起来更女性化。 举最后一次栗子: *硬拐角和边缘——男性 *曲线——女性 *方形、三角形——男性 *圆圈和心形——女性 总结我嚓!到了总结的时候了,真不想这么快就翻译完,是的,我坚信你们肯定会想我的。 现在,看了这么多理论总结,是否有醍醐灌顶的感脚。。。当然有!一股脑给你们谈了图像、字体、颜色、形状的性别。慢慢到自己的设计里消化总结一下吧。(4者之间可以通过彼此组合来改变性别,它取决于你如何混合匹配这四要素。我想,这也是最让设计师欣喜若狂的地方吧。) 这些男性和女性化的设计要素最核心的用途是为了吸引你的受众。如何使用这四要素,取决于你首先得明确你的目标受众?什么类型的视觉方案对他们更有吸引力?当然,理解性别偏好和倾向只是一个起点,它可并不是一组硬性的规定。 特别是在中国,用神马颜色、神马字体都取决于站在你身后的老板。呵呵,应该都懂得吧! 来源:uisdc

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
使用Mockplus的九大理由

简洁高效,是它的主要产品特点。 关注设计,而非工具,是它带给设计人员的理念。 1.不为工具所累,关注设计而不是工具 Mockplus超级简单,但是功能够用。你根本不用专门学习如何使用。记住:...

jongde ⋅ 2015/03/13 ⋅ 1

Sublime Text 2 设置文件详解

Sublime Text 2是那种让人会一眼就爱上的编辑器,不仅GUI让人眼前一亮,功能更是没的说,拓展性目前来说也完全够用了,网上介绍软件的文章和推荐插件的文章也不少,而且很不错,大家可以去找...

金三胖 ⋅ 2013/06/23 ⋅ 4

Sublime Text 2 设置文件详解(settings文件)

Sublime Text 2是那种让人看一眼就爱上的编辑器,不仅GUI让人眼前一亮,功能更是没的说,拓展性目前来说也完全够用了,网上介绍软件的文章和推荐插件的文章也不少,而且很不错,大家可以去找...

Junn ⋅ 2013/09/02 ⋅ 0

REST API 最佳入门指南

点击上方“程序员大咖”,选择“置顶公众号” 关键时刻,第一时间送达! 如果你看到这里,你以前可能听说过API 和REST,然后你就会想:“这些都是什么东西?”。也许你已经了解过一些这方面的知...

px01ih8 ⋅ 2017/11/30 ⋅ 0

Windows配置多git账号

1 前言 如果我们在公司有一个GitHub账号,有一个私人的GitHub账号,那平时在家工作时,就需要在电脑配置两个GitHub账号才行,上教程 2 过程 2-1 生成秘钥 在某个文件夹打开gitbash窗口,执行...

GoldLeaf ⋅ 01/11 ⋅ 0

别放跑了那个极客女青年

摘要 完美的机器,和不完美的人,该爱谁?应该没那么难选吧。 极客女青年丹提起一口丹田气。 距离 2018 年春节还有两个月——极客女青年在 Google Calendar 上狠狠的画了个叉,又打开机票预订...

周小丹 ⋅ 2017/12/12 ⋅ 0

seo网站优化的html标签属性

信赖大部分的站长对5必须掌握熟知的5大HTML标签都已经非常熟识了但是很多对seo网站优化不利的不仅仅是标签。不管熟知还是目生,同时一些标签的属性对seo优化也是不利的一些资深的seo站长一定...

szhuhang ⋅ 03/29 ⋅ 0

Openssl及加密解密(二)openssl

openssl是一个条件实现了上百种算法、实现了单向加密工具等一组套件,代码量很小但是功能强大。它有三部分组成: libcrypto:通用功能的加密库,软件开发时可以直接调用 libssl:实现TLS/SSL...

linuxjavachen ⋅ 2017/05/13 ⋅ 0

分析网站总是跳出率高留不住用户咋回事

网站跳出率简单理解为即用户停留时间短,一个网站跳出率过高不但影响用户体验,也会影响网站的排名。下面站长动力(http://www.dailyinfo.cn/)告诉你是哪些原因导致你的网站高跳出率? 网站内...

sirui ⋅ 2016/11/29 ⋅ 0

20个非常有趣的网站,挺有意思。

20个有趣的网站。闲来无事的时候可以弄弄。 1.My Mini City / 我的迷你城市 你可以创建并命名属于你自己的城市,看着他发展,每次有人访问你的城市,你的城市的人口就会增加。 2.You Fail /...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

sbt网络问题解决方案

http://dblab.xmu.edu.cn/blog/maven-network-problem/

狐狸老侠 ⋅ 6分钟前 ⋅ 0

大数据,必须掌握的10项顶级安全技术

我们看到越来越多的数据泄漏事故、勒索软件和其他类型的网络攻击,这使得安全成为一个热门话题。 去年,企业IT面临的威胁仍然处于非常高的水平,每天都会看到媒体报道大量数据泄漏事故和攻击...

p柯西 ⋅ 50分钟前 ⋅ 0

Linux下安装配置Hadoop2.7.6

前提 安装jdk 下载 wget http://mirrors.hust.edu.cn/apache/hadoop/common/hadoop-2.7.6/hadoop-2.7.6.tar.gz 解压 配置 vim /etc/profile # 配置java环境变量 export JAVA_HOME=/opt/jdk1......

晨猫 ⋅ 55分钟前 ⋅ 0

crontab工具介绍

crontab crontab 是一个用于设置周期性被执行的任务工具。 周期性执行的任务列表称为Cron Table crontab(选项)(参数) -e:编辑该用户的计时器设置; -l:列出该用户的计时器设置; -r:删除该...

Linux学习笔记 ⋅ 今天 ⋅ 0

深入Java多线程——Java内存模型深入(2)

5. final域的内存语义 5.1 final域的重排序规则 1.对于final域,编译器和处理器要遵守两个重排序规则: (1)在构造函数内对一个final域的写入,与随后把这个被构造对象的引用赋值给一个引用...

江左煤郎 ⋅ 今天 ⋅ 0

面试-正向代理和反向代理

面试-正向代理和反向代理 Nginx 是一个高性能的反向代理服务器,但同时也支持正向代理方式的配置。

秋日芒草 ⋅ 今天 ⋅ 0

Spring 依赖注入(DI)

1、Setter方法注入: 通过设置方法注入依赖。这种方法既简单又常用。 类中定义set()方法: public class HelloWorldOutput{ HelloWorld helloWorld; public void setHelloWorld...

霍淇滨 ⋅ 昨天 ⋅ 0

马氏距离与欧氏距离

马氏距离 马氏距离也可以定义为两个服从同一分布并且其协方差矩阵为Σ的随机变量之间的差异程度。 如果协方差矩阵为单位矩阵,那么马氏距离就简化为欧氏距离,如果协方差矩阵为对角阵,则其也...

漫步当下 ⋅ 昨天 ⋅ 0

聊聊spring cloud的RequestRateLimiterGatewayFilter

序 本文主要研究一下spring cloud的RequestRateLimiterGatewayFilter GatewayAutoConfiguration @Configuration@ConditionalOnProperty(name = "spring.cloud.gateway.enabled", matchIfMi......

go4it ⋅ 昨天 ⋅ 0

Spring clound 组件

Spring Cloud技术应用从场景上可以分为两大类:润物无声类和独挑大梁类。 润物无声,融合在每个微服务中、依赖其它组件并为其提供服务。 Ribbon,客户端负载均衡,特性有区域亲和、重试机制。...

英雄有梦没死就别停 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部