超实用!移动端界面中的版式设计原理(下)-UI设计 PS-优质IT资源分享社区

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

超实用!移动端界面中的版式设计原理(下)

楼主#
更多 发布于:2016-06-07 22:43

 4. 留白的艺术

不单单是文字和图像需求规划,留白也是构成页面排版必不可少的因素。全部的白都是“有意图的留白”,带有明晰的意图来操控页面的空间构成。

多见的方法有几种,榜首经过留白来减轻页面带给用户的担负。

首屏对一个运用来说十分重要,因而一些对比复杂的运用首评都堆积了许多的进口。假如无节制的添加,页面中包括的内容太多时,会给人一种页面狭窄的感触,给用户带来激烈的压迫感,所以元素太多有时分反而不是功德。留白能使页面的空间感更强,视野更开阔,经过留白来减轻页面的压迫感,运用户进入一种轻松的空气。

第二经过留白区别元素的存在,弱化元素与元素之间的隔绝。

表单项与表单项之间,按钮与按钮之间,阶段与阶段之间这种有联络但又需求区别的元素用留白的办法能够容易形成一种视觉上的识别,一同也能给用户一种洁净整齐的感触。

第三经过留白有意图的杰出表达的要点。“规划包括着对区别的操控。

不断重复相同的工作使我懂得,重要的是要约束那些区别,只保存那些最要害的。”这句话出自原拓哉的“白”一书中,经过留白去约束页面中的区别使内容杰出是最简略天然的表达办法。削减页面的元素以及杂乱的颜色,让用户能够迅速聚焦到产品自身,这种办法在电商类的运用上被许多的运用。

第四留白赋予页面构成发生不相同的改动。版式规划中要有节奏感,这也是我一向着重了。

传统杂志在每一页翻开都会有不相同的视觉感触,我以为在app内许多板块之间的也是能够部分去杰出特性或特色的。留白能够赋予页面轻重缓急的改动,也能够营造出不相同的视觉空气,经过留白去改动版式再合作四大准则能够发生出不相同的作用。

值得注意的是,留白不是必定要用白色去填充界面,而是营造出一种空间与距离的感触,天然与舒服境地。

5. 视觉心思的灵活运用

在观看事物时,一般会发生一些不相同的视觉心思,例如两个等宽的正方形和圆形放在一同,你必定会觉得正方形更宽。在版式规划中相同许多运用这些科学视觉办法对用户进行视觉上的引导,也能让规划师迅速找到一些排版规划的办法。

(via 版式规划原理)

首要最多见办法是的是灵活运用黄金分割比,文本与线段的距离,图像的长宽比等当地都能够经过黄金分割比迅速的设定。比方通栏高度的设定等等。

在界面排布中,一般圆角和圆形比直角更容易让人承受,愈加亲热。

直角一般用在需求更全面展现的当地,例如用户的相片,唱片封面,艺术作品,产品展现等当地。在个人类的feed或许头像,板块的款式等运用圆角会有非常好的作用。

在大局页面的排版中也要防止单调,添加节奏感。

在上文我也提到过排版要有轻重缓急之分,这么让用户在观看的过程中不会感到冗长,无趣。

图像也是有不相同的色彩的,经过蒙版的办法能够操控这种色彩。

假如挑选对比亮堂的色彩能够减轻这种对用户的压迫感,挑选对比暗的色彩能够让整个画面更沉稳,内容显示更为明晰。

6. 没有规划的规划

最终这段不是版式规划原理,更像是一种规划的心境。

古人在写诗的时分有一种方法叫白描,原拓哉也曾着重“最美的规划是虚无”,在界面规划中相同追求一种“让用户感触不到规划”的境地。每一条线/每一行文字/每一个按钮的存在都是都有它存在的理由。它不加无意义的润饰、不须陪村和烘托,让用户更重视内容的主体,弱化对视觉的认知。甚至于用户在滑动时看到一个按钮或一行文字也感触这是天经地义的存在。“菩提本无树,明镜亦非台”,做规划和做人相同,全部有为法皆如梦幻泡影,不要重视方式才能明心见性。

图中的比如在某些当地处理得也不是那么天然,可是我以为以上的比如是有向“让用户感知不到规划”的方向上走的,没有完美的规划,只要尽力变的非常好的规划。最终,做好规划非一朝一夕,理解规划也非一朝一夕,期望各位长于发现美,也长于理解美。

优质IT资源分享社区为你提供此文。

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

UI设计教程视频

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

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

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

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

本版相似帖子

游客