网页没质感,不妨加点这些料!

为什么别人的作品看上去很有质感,细节到位,自己的就平淡无奇,谈不上满意。问题到底出在哪?那种隐形的层次是通过什么来调出来的,让最终的设计脱颖而出?下面这5条经验之谈(层次、色彩、阴影、字体、氛围)能帮你搞定这个问题。
 
  作为一个设计师,有没有反思过或疑惑过:自己设计书看的不少,”设计大牛”的文章一篇不落,工作几年经手的项目不说多有难度,至少数量上也很足够了,照理说”设计经验”为什么有时候看到一些网页是总能莫名的震撼,总能明显感觉到,明明风格相近,别人的作品看上去很有质感,细节到位,自己的就平淡无奇,谈不上满意。问题到底出在哪?
 
  不光是刚入门的设计师会有这样的困惑,就连”身经百战”的资深设计师,也会面临类似的瓶颈,只是深度不同。
 
  所以,如何给设计作品最后”定妆”,让最终的设计脱颖而出?
 
 
    一、色彩
  
  对于网页设计中的色彩运用前面的文章已经说过很多遍,这里就不浪费口舌了;永远记住一句话,在绝大多数没有把握的情况下,要严格控制画面中颜色的数量,否则很容易擦枪走火。
 
  
  二、层次
  层次分平面和纵深。任何一个设计师,都应该充分意识到,有节奏的层次变化,能在用户内心产生微妙的化学反应。
  我们来举个栗子。
  这是一个简单的底图+文字(背景是卡塔尔航空),没有任何特别之处。然而却问题多多,不赶紧补救一下,根本拿不出手。首当其冲的是平面版式的层次,全部内容堆到一起,丢失视觉重心;其次是画面没有纵深感,稍作停留就觉得乏味。
  
网页设计可以从那几个方面提升网站的质感?
 
  理一下思路,我们可以从这几个地方入手:
  一级标题、二级标题、正文的强弱层次区分开;
  沿着左侧的机翼割裂方形框,形成纵深感;
  来看看效果:
网页设计可以从那几个方面提升网站的质感?
 
  看出区别了吗。按照刚才的思路稍作修改,是不是立刻焕然一新。
  原理很简单:
  通过后期将画面中的元素突出或弱化,人为的制造出视觉差,大大增强画面的立体感。
  
  在设计中多多运用这样的技巧,给自己的设计制造富有节奏的层次感,结果可能就大有不同。
  是为「设计最后一公里」之层次。
  
  三、阴影
  几乎是GUI界面设计诞生的那一刻起,阴影的运用就无处不在。
  界面设计有高光有阴影有渐变。在当时GUI设计是一个新兴的行业,大家都没有可参考的对象,传统的平面印刷设计很难拿来借鉴,同时又受制于制图软件特性限制,也就有了如上图的结果。
 
  后来设计工具不断迭代,手法也越来越多,特别是iPhone OS(是的那会还不叫iOS)出世后,拟物设计「Skeuomorph」风靡整个设计圈,在iOS 6的时候达到了顶峰。几乎所有设计师都在拼命画ICON,花费大量的时间在界面中的投影、反射、纹理、高光上,谁的设计能让人更想”舔”一口,谁就赢了:
  
 
  iOS 7 推行扁平化设计后,当时的设计圈就炸开了锅。「这么多年辛苦练习的设计技巧,说抛弃就抛弃?」于是他们还是想到了阴影。你要说2014年最流行的设计风格是什么,毫无疑问是渐变+长投影:
  
网页设计可以从那几个方面提升网站的质感?
 
  「阴影在设计中运用的演变」
  小编想说的是,对潮流不要抗拒,新的设计风格兴起一定有它的时代背景。(比如扁平化的设计将设计师从无止尽的像素堆叠中解放出来,从更实用的角度去做设计,让精力回归到最基本的交互和使用体验上。)然而也要时刻保持思考,风格是皮外物,适合的才是好的。
  
  后期装饰的阴影,可以增加页面的层次感。一个小小的阴影,运用好了,有着非凡的作用。
 
   四、字体
  字体咋网页设计界面占大多数,学会运用字体,页面才会整齐干净;给予用户专业的感觉;当然,在网页设计中,小编诚秉一个理念:用对字体,设计才得体。
  你不会想要在卡通风格的设计中用宋体,同理,也不会用娃娃体去做严肃文学作品的封面。
  用错字体,就像是穿着高跟鞋去登山,夹着拖鞋去跑步,总归是劳心乏力,还不好看。
 
  五、氛围
  优秀的设计作品无一不重视氛围的渲染,就好像去餐馆吃饭,同样一盘菜摆在苍蝇馆子的餐桌上,和摆在米其林餐厅里,人们对它的价格预期是不一样的。我们花了95%的时间在反复推敲设计的合理性,交互的一致性。为何不多花那5%的时间,将最终要给别人看的设计好好打磨,呈现一个更好的样貌?
  网页设计可以从那几个方面提升网站的质感?
 
  这张卡片设计没有丝毫特别之处,换句话说,太单调了。
  我想我们可以从这几个方面入手,强化设计最终呈现的效果:
  呼应主题的背景,可以用高斯模糊或渐变;
  一些细微的装饰性元素;
  文字和阴影;
  一起动手试试:
  
 
网页设计可以从那几个方面提升网站的质感?
  看起来是不是比原来孤零零的卡片更完整。
  这就是为什么我们要强调氛围的重要性,同样的设计,仅仅多用一些心思,就提升了整个设计作品的完成度。
  「越用心,越美好」这句话,在这里是适用的。
 
 
  每当设计接近尾声时,时刻记着从这五个角度重新梳理一遍(这里只是抛砖引玉):层次、色彩、阴影、氛围、字体,你会发现,如果每样都比之前好那么一点点,整体设计会大有不同。
  归根结底是设计师要细节的积累,用心探索,设计会越做越好。
  这篇文章里提到的几点,不过是设计中经常会碰到的常识,要想真正提高设计能力,还需要大量反复的练习。
 

本文由BEETHEME资源网整理发布,转载请说明出处:网页没质感,不妨加点这些料!

精彩推荐

本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!

1. 本站所有资源来源于用户上传和网络,仅作为演示数据,如有侵权请邮件联系站长!
2. 本站承接各类网站建设,仿站,多平台小程序搭建制作!
3. 本站联系QQ:897918909
beetheme资源网 » 网页没质感,不妨加点这些料!

发表评论

售后服务范围1、服务器配置及主机购买推荐
2、模板使用范围内问题免费咨询
3、单价超过100元的模板免费一次安装,需提供服务器信息。
付费增值服务1、提供WordPress主题、插件汉化、优化等服务请详询在线客服
2、承接 WordPress、DedeCMS、ThinkPHP 等系统建站、仿站、开发、定制等服务
3、服务器环境配置(一般 ¥50-300)
4、网站中毒处理(需额外付费,500元/次/质保三个月)
售后服务时间周一至周五(法定节假日除外) 9:00-23:00
免责声明本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: admin@vip.beetheme.cn),我们会及时删除,给您带来的不便,我们深表歉意!

Hi, 如果你对这款模板有疑问,可以跟我们联系哦!

联系我们

提供最优质的资源集合

立即查看 了解详情

扫码了解我们!