企业网页美工设计如何凸显重点内容
在企业网页美工设计中,一定要凸显重点内容,那么企业网页美工设计如何凸显重点内容呢,下面我们一起来看看吧。
方法一、对比:引发兴趣
为了更好地理解对比在网页设计中的作用,我们先解释下什么是对比。对比就是在一个相对封闭的环境里发生的某种元素间的一种关系。在我此前写过《设计基础功!帮你彻底掌握设计四大原则中的对比原则》中也详细介绍过对比在设计中的重要性,这些元素可以是颜色、纹理、形状、方向和大小。
只是稍稍对字号大小进行调整,或对色彩进行更改,就会马上改变整个界面的视觉效果。例如,当你看到下面这个网页时,把浅色的背景换为深色,首页引人注目的“try it free”的首要按钮马上在视觉重要性上降级,而最下方的“call us”就会升级为首要的按钮。
再来看看下图中,颜色和大小是怎样影响我们的界面视觉的。例如,很多人在第一眼扫视而过时,不会仅仅就看到了两个圆。事实上,他们在看这两个圆时,已经获得了这样的.信号“一个黑色的大圆和一个红色的小圆”。也就是说,对比关系已经可以在第一时间就进入人们的大脑中,形成强烈的印象。
方法二、商业工具:颜色,大小和形状
当我们刚开始设计一个页面的时候,一定不要忘记了运用这几个强大的视觉工具:颜色,大小和空间。设计师Alex Bigman就相信颜色和大小在管理着我们的视觉注意,而空间则帮助管理视觉元素间的关系。
方法三、颜色
简单说,亮色可以在柔和的色彩中凸显出来。这是显而易见的,而更为重要的是,在设计中,你就可以运用这一关系去吸引用户的注意。另外,特定的色彩也能帮助营造网站的整体氛围(例如,蓝色代表宁静,红色显得张扬和富有攻击性等)。
上面这个网站采用的是视觉体系中的Z模式,Z模式的详细情况已经在《基础小科普!聊聊两种最常见的网页布局设计模式》中讲过了。在此模式下,他们运用色彩的技巧是非常巧妙的。水蓝色的背景立刻将首要目标按钮凸显在了顶部,这些目标按钮的色彩可以与“get active”的色彩搭配,暗示这一系列的按钮的相关性。而下方的两个大的矩形区域由于形状的相似又相连,因此也暗示着它们之间的相似性。
方法四、大小
说到大小,我们通常在说的其实也就是网页字体的大小。在传统的从左到右自上而下的阅读模式中,这就已经是个很强大的元素了。这意味着,大号字体或段落的右下角通常是读者最先阅读的地方。因此,字号大一点发挥的就是一种强调作用。
讲到这一点,不得不提到,著名的网页设计名博Smashing Magazine对50个流行的网页界面进行调查,他们发现这些网站通常都是采用标题字号18~29px,与此匹配的文章主体字号采用12~14px,只是这项调查针对的是英文字体,而中文字体相对来说应该字号会大一些易于辨认。当然,这也只是一个大概的调查,并无绝对。但是,你可以从中获悉更多关于字号比例的排版设计的知识。
方法五、留白
网页设计的目标什么?简单讲,就是创作一个漂亮的页面。那么,你将所有的漂亮的元素全部堆叠在网页中就漂亮吗?无节制的增加吸引的元素是快速毁掉自己的设计方法之一。一个网页中有可以呼吸的空间是非常重要的,也就是我们总是爱说的留白。减少“视觉噪音”会让页面显得更有重点。
-
平面设计和网站美工的区别
很多人以为,他们就是差不多的职位,美工的高级职位就是设计?真的是这样的吗?以下是小编整理的平面设计和网站美工的区别,希望大家认真阅读!网站美工与设计都用什么软件很多平面设计师,使用的软件有photoshop、Coreldraw、illustrator、Indesign等,而网站美工,所使用的...
-
淘宝店铺装修技巧
做淘宝是一个持久的过程,只有不断学习深造才有进步,才能胜利,不要羡慕大卖家们,我们也可以和他们一样的,做自己风格的店铺。下面是YJBYS小编整理的淘宝店铺装修技巧,希望对你有帮助!1.色调灵魂运用色调是店铺装修的第一步,在此我们建议可以根据节日的变化而更改店铺色...
-
美工设计的三个基础标准
关于设计标准的问题,例如产品设计的一致性、容错、简洁、重视内容等。在这些问题中,我发现大家思考设计标准的维度都有一些偏差或者不完整,所以今天想把一些自己如何思考设计标准的粗浅想法记录一下,下面是小编为大家整理的美工设计的三个基础标准,欢迎参考~美工设...
-
做一个淘宝美工设计有什么具体要求
导语:淘宝这个词我想大家都听的不少了吧。现今已经有大千女性掉在网购的圈子里爬不上来了,这也可以说明淘宝是个好东西。现今网店开的也是跟天上的星星一样多,数都数不过来,要是想提高顾客点击率,那就得靠一个好的网站页面,那就对淘宝美工有跟高的要求了,我们如何才能...