发表于: 2018-10-30 20:46:30
1 908
今天完成的事情:
更改任务五
明天计划的事情:
完成任务五,做任务六。
遇到的问题:
今天遇到了排版问题,用设计规范解决。
收获:
今天在百度了解到了ui设计师排版要注意的事项。
亲密原则:
设计前对内容进行信息分层,属于一个层级分为一组,有关联的内容会离的更近,这样的间距规律还会让我们清晰的区分开每一条信息,不会导致信息干扰。我们很容易将1、2分成一组,而将3、4分成一组,因为1、2离的更近。
要注意每个图形上间距、内容区域、下间距,因此我们可以判断内容区内间距一定小于上下间距,因为根据亲密性原则,有关联内容会离的更近,标题和价格又分为2个模块,其中价格优惠之间信息属于一个内容,所以他们间距相对就比较小。
对比原则:
重要信息和次要信息通过颜色对比、粗细对比、形状对比、疏密对比、大小对比使我们聚焦在我们需要关注的信息上,在进行对比排版的时候,需要多维度考虑,找到合适的解决方案。
平衡原则:
平衡原则是界面排版布局的首要原则,大到整个官网,小到一张图文,都需要我们对页面视觉平衡有一很好节奏控制。
忽视层次结构:
在排版中,层次这个词是区分文本和不同元素的重要性区别的学术性说法。以我们所熟知的报纸为例,标题阐述核心,尺寸最大,文字大写,粗体强调,其次是副标题,字体小点,文字不再大写,再其次是正文,字体最小。如果打破了这种层次结构,用户会迷惑。哪个重要哪个其次,傻傻分不清楚。
不对齐:
设计原则中,对齐是最重要的几项之一。对齐会让文字排列有序而合理,视觉上统一而一致。不同的对齐方式混合在一起会产生随机的间距,难看且阅读困难。
使用对齐工具:
想要让排版对齐最好的方式就是打开软件的对齐工具,现在的排版和作图工具都有相关的对齐辅助工具,在它们的辅助下让你的排版更加整齐吧。
文案和图案旁边留白要有20 24 30的空白区。
字体大小
重要的:36px,用于重要的标题栏。
32px,用于重要的标题栏和操作按钮。
一般的:30px,用于大多数文字。
28px,用于大多数文字。
弱 :24px,用于辅助。
20px,用于辅助。
颜色规范:
重要的信息应该用一些红色,黑色。
一般的信息应该用一些灰色。
图形间距:
大多数文字左右间距30px。
标题间距20px,10px。
评论