如何让设计的关键一秒钟映入眼帘
如果你的网站颜色很单调,形状规规矩矩,那么,你的用户一定只是走马观花,让用户知道并去使用网站的新产品或某个point,必须是让用户看到以及有让用户去点击的欲望。接下来,我们从视觉的角度谈谈怎么去让用户看到,使要突出的内容鹤立鸡群。
一、醒目的颜色
“万绿从中一点红”中的“红”固然容易被发现,用颜色上的冲撞来突出关键点是常见的方法之一。
二、不同的形状
不同的形状会使内容从千篇一律的模式中崭露头角,从而吸引用户的关注,这种方法常用于引导注册或消费等去指引用户参与到网站活动中进行交互,凸显网站的某方面优势。
三、加入背景色
添加亮丽明显的背景色也是目前使用较多的方法,市面上的众多网站都能见到这样类似的引导。最常见的是鼠标悬停时会显示背景,也有固定显示背景的,如电子商务类的大分类会加入背景色。

四、加外框
这个方法和加背景属于同一个性质。不过在中国四周加边框有其他含义。所以经常用到的还是底边的下划线。如网易新出来的一个功能,可以显示用户从上次访问到现在的更新资讯,用加下划线表示。
五、不成一条直线
将要突出显示的内容高于其他内容 从而达到特别,去引导用户,最常见的还是在导航,或者网站地图中突出某一个服务。
六、填充
填充看上去和加背景色差不多,不过这个方法要比加背景色更广义一点。加背景色只是把容器加了底色,而填充的概念是把容器给填满了而填充物品不局限于颜色,可以有丰富多彩的样式。
七、让内容动起来
动态的物体总会比静止的耀眼,同样的互联网产品里,静止的文字中突然有一行文字在来回晃动。那么肯定能吸引眼球。
八、阴影
阴影能使人的眼球对物体产生立体的感觉,同样能够使产品凸显出来。
九、凹凸(立体感)
凹凸效果也是常见的起到重点突出的作用,最多的是按钮的表现手法,一个视觉很好的按钮足以让人产生点击的欲望。
十、闪烁效果
相信你阅读在这里的时候一定很容易的发现上图在跳跃的文字了吧,的确这种方式是很能吸引到用户的注意,但是网页上如果很多这样的效果,会显得很不友好。
十一、清晰度
平面设计中常采用局部模糊来烘托出重点展示的部分,在网站的品牌设计或者宣传类设计亦可用这用方法。
本文地址:http://tuquu.com/tutorial/di1964.html
-
Macaron 马卡龙系色谱 ;附HC(16进制码)
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读:马卡龙原指(Macaron
-
@media适配不同尺寸的手机
当下,不同分辨率,不同尺寸的移动设备越来越多,自适应也成了最热门的话题,下面就是图趣网整理到的
-
干货分享!推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图,或者是bannar等等,这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩,黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具,方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊?一步搞定
ps像素图放大边缘模糊?我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道:好好玩耍的点线面(上)
庞门正道:好好玩耍的点线面(上)
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化








