A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 莉莉 初级黑马   /  2019-8-9 17:14  /  966 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

如何将空间纳入UI布局设计因屏幕而异。例如,您可以在主页上使用大量空白来强调按钮,但在列出多个项目的网站上使用较少,例如电子商务产品页面。



UI布局对齐
设计师构建界面时,在画布上的空间元素对齐,界面会更加整齐。把控元素之间和周围的空间,创建重点并为用户界面定义视觉路径。



组织内容和视觉层次结构
视觉层次结构是设计中一个有趣的概念。这是用户处理屏幕上信息的顺序。

设计时需要注意视觉层次结构,以确保用户可以轻松地查找和理解信息。

以下是应考虑的视觉特性,以使其屏幕尽可能可读和可用:

1)邻近 – 放置相关元素有助于信息划分;
2)空白 – 适量的空白可以帮助突出重要内容;
3)大小 – 大小对比有利于用户对界面信息的接受;
4)颜色 – 明亮的颜色更容易捕捉视觉(具体根据产品设计语言定义);
5)对比 – 用户容易被突出的信息吸引到;
6)对齐 – 界面创建更清晰,增强可读性;
7)重复 – 重复一致性并有助于将元素联系在一起。


黄金比例黄金比例是各方之间的比为1:1.618。

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马