浅谈网页设计中的简约之美-UI设计 PS-优质IT资源分享社区

admin
管理员
管理员
  • UID1
  • 粉丝29
  • 关注4
  • 发帖数581
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:247回复:0

浅谈网页设计中的简约之美

楼主#
更多 发布于:2016-06-08 23:48

 随着页面技能的不断发展,页面规划的趋势在改动,扁平化、呼应式、视觉差翻滚、卡片式等给规划师带来了更多的表现空间。精约的规划,也以其简练直观、轻浮漂亮等特色,越来越受到规划师的追捧和群众的喜爱。
那么啥是精约规划?
精约规划是将规划回归实质的一种规划理念。精约并是对内容的简略删减,而是提炼规划精华,满意漂亮有用的实质诉求。在页面中,精约的规划,一般具明晰的页面构造、简略的交互操作等特征,在满意传递信息的一起,从视觉体会的视点,为用户带来轻松、愉悦的美感。
那么在页面中,如何做到精约呢?
下面是一些最常见的方法:
1、 大标题
将大标题作为页面的视觉基地,简练图像作为大标题的布景,这么很容易将视觉聚焦,让人一眼就能看出这个页面是做啥的。另外,大标题在字体和色彩上,也尽量挑选一些简略的、色彩单一的作用,这么视觉会更朴实。
例如:“最工作DNF”主题站,为创造最具丰厚并特性区别工作系统,选用精美的大标题规划,联系简略的布景,要点杰出又不失漂亮。




http://dnf.qq.com/act/a20141105career/
例如:Nike为创造舒服的购物体会,每一页用简略的大标题和布景相联系,让女性能很轻松的找到她们的SIZE,即简练又直白;




https://www.nike.com/cdp/nikepro360fit/us/en_us/
2、大布景
大图像布景,是现在运用最多的一种页面出现方法。将整张大图像作为布景,不仅能发生激烈的视觉冲击力,还可以对页面内容起到一个极好的弥补,有用的杰出品牌形象。
例如:QQ飞车“愿望再出发“预热站,将大布景铺满全部页面,每个画面都含不一样的寓意,增加了游戏的代入感,给人轻松、愉悦的感触。




http://speed.qq.com/act/a20120501brand/
例如,Quechua山地运动品牌,经过几张照片和简略文字的阐明,将Quechua帐子的特色及所在环境实在体现,似乎一场美妙之旅让人心动。




http://www.quechua.com/2seconds
3,留白
留白,是页面构图的主要组成部分,恰当的加入留白,能让文字便于阅读,让页面各元素得到极好的区别,这么的规划通俗易懂,有得于提高一个页面的品质感。
例如:“兽人有必要死”首发引导页面,周围大面积留白,并联系简练的排版,让页面模块之间区别显着,视觉会集,极好的给用户引导,给人一种精美和轻松感。




例如:BRAUN博朗,全部页面,简练的图像与文字的排版,让视线十分会集,这么用户快速的将注意力会集到内容上去,十分契合他们的主题“Less,but
better”,给人留下回味、幻想的空间。



4,单纯色彩
一个页面,给人带来第一印象的一般是它的色彩。不一样的色彩带给人不一样的心思感触。当咱们看惯色彩艳丽、比照明显的页面之后,静下来,回归最天然的状况,运用单纯的色彩,会有不一样的体会和感悟。
如:刀锋铁骑品牌站,选用黑金两色,将这款冷战役网游,用最简略的方法表现最朴实的视觉,更加有感染力。




http://t7.qq.com/act/a20131120exp/
例如:LINCOLN影片网站,运用最常用的是非两种色彩调配,让页面如此精约大方,给人留下无限幻想空间。




http://www.thelincolnmovie.com/
5、“纤薄”文本框和铵钮
在页面中,将文本框或许铵钮做得轻浮简练,或为纯色或许没有纹理的一层薄线框。这种规划在保证功能性的一起,给人一种纤细的视觉美感。
例如:“sylviaspitzbart”化装工作室,运用纤细线框,将内容极好的分割,页面简练而大方又不失品质。




http://www.sylviaspitzbart.at/academy/
页面中的精约,表现形式还许多,一般多种联系起来运用,这儿就不逐个阐明了。想要做到精约,也并不是一件简略的工作,它需求咱们用心去发现、感触、舍弃、提炼,从视觉体会的视点去感触页面的精约之美,把信息更合理、有用的传递给用户,给用户带来轻松、有用、愉悦的体会。







优质IT资源分享社区为你提供此文。
本站有大量优质UI设计(含PS,软件 网页 平面设计等)教程视频,资料等资源,包含UI设计基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。

UI设计教程视频
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客