小生活网 > 商务服务 > 网站建设推广

如何从0到1构建UI视觉层级

发布:2019年09月27日编号:2056-602150
小生活网提醒您:1、在办理服务前请确认对方资质, 夸大的宣传和承诺不要轻信!2.任何要求预付定金、汇款至个人银行账户等方式均存在风险,谨防上当受骗!
详细描述

 

那么,如何构建?

1.明确页面目的与需求主次

拿到原型,明确页面目的和需求的1、2、3层级,并理解消化小_百_姓_网。开启设计师的隐形技能:根据一句话或者一个词,在大脑开始构建画面布局。在构思阶段,建议同时浏览同类型UI设计以及交互布局,在找参考的过程中,结合自身APP的页面目的一起构思,并在纸上绘出可行性方案 

2.人眼浏览模式

曾有一数据显示:如果在3S内无法吸引用户,你将流失这个用户。如今我们所在的时代快节奏、碎片化,用户的日常浏览是“扫描”而非“阅读”。所以,了解人眼浏览习惯,变得十分重要小百姓网www.xbaixing.com

3.设计手法

A.对比

对比,让视觉有轻重,用户看起来不累。需要强调的信息放大,没那么重要的东西缩小。如果同一层级的模块,通过颜色或者样式的变化来表达。如:字体大小对比,颜色对比;模块大小对比;图片大小对比等。 

B.字重

字体千千万形状各不相同,然而他们都有着相似之处:字重的大与小来源www.xbaixing.com。在同一字号大小下,字重大的笔画,以面构成,会比字重小的,更具视觉冲击力。

需要强调的信息,字号变大,字体加粗,这样就能区分主与次,建立更易读的视觉层级。 

C.样式

为了各个模块间的和谐组合和视觉上的凸显与美观,我们需要灵活运用各种样式表达。卡片投影;形状;材质等; 

D.模块化整合与留白

同一类别信息,模块化整合。便于用户浏览操作,视觉上不零散,整体美观x b a i x i n g c o m。多模块化的组合,注意留白以及页面的节奏轻重。 

以上要点,要根据实际情况灵活巧妙运用。在做的过程中,通过Mirror工具实时查看页面效果,不断改进,加强表达。

优秀的UI视觉层级表达,就如音乐一样有节奏变化,波浪起伏,是一种视觉享受。无论是平面还是UI,视觉层级,需要像“黄金分割原理”一样,是内化进设计师的身体里一个元素小 百 姓 网。多多实战练习,不需要死记硬背,就会刻在我们的大脑深处。关于竞品分析,设计师会转载或原创一篇自己欣赏的文章更多文章就在蓝蓝设计每日一贴。您可以直接联系优秀的软件ui设计提供者北京蓝蓝设计,软件ui设计哪公司服务比较好?北京蓝蓝设计为您提供最好的设计服务

欢迎访问,开始愉快的合作!


展开更多描述 ↓
展开更多图片 ↓
lanlanwork 注册时间:2019年07月01日
该用户还发布了
精选信息
热门信息
在线留言 发送短信 拨打电话