发表于: 2018-10-30 20:46:30

1 904


今天完成的事情:

                更改任务五

        
明天计划的事情:        

            

                    完成任务五,做任务六。

     
遇到的问题:        

                  今天遇到了排版问题,用设计规范解决。
收获:

今天在百度了解到了ui设计师排版要注意的事项。

亲密原则:

设计前对内容进行信息分层,属于一个层级分为一组,有关联的内容会离的更近,这样的间距规律还会让我们清晰的区分开每一条信息,不会导致信息干扰。我们很容易将1、2分成一组,而将3、4分成一组,因为1、2离的更近。

要注意每个图形上间距、内容区域、下间距,因此我们可以判断内容区内间距一定小于上下间距,因为根据亲密性原则,有关联内容会离的更近,标题和价格又分为2个模块,其中价格优惠之间信息属于一个内容,所以他们间距相对就比较小。

对比原则:

重要信息和次要信息通过颜色对比、粗细对比、形状对比、疏密对比、大小对比使我们聚焦在我们需要关注的信息上,在进行对比排版的时候,需要多维度考虑,找到合适的解决方案。

平衡原则:

平衡原则是界面排版布局的首要原则,大到整个官网,小到一张图文,都需要我们对页面视觉平衡有一很好节奏控制。


忽视层次结构:


在排版中,层次这个词是区分文本和不同元素的重要性区别的学术性说法。以我们所熟知的报纸为例,标题阐述核心,尺寸最大,文字大写,粗体强调,其次是副标题,字体小点,文字不再大写,再其次是正文,字体最小。如果打破了这种层次结构,用户会迷惑。哪个重要哪个其次,傻傻分不清楚。

不对齐:


设计原则中,对齐是最重要的几项之一。对齐会让文字排列有序而合理,视觉上统一而一致。不同的对齐方式混合在一起会产生随机的间距,难看且阅读困难。


使用对齐工具:


想要让排版对齐最好的方式就是打开软件的对齐工具,现在的排版和作图工具都有相关的对齐辅助工具,在它们的辅助下让你的排版更加整齐吧。


文案和图案旁边留白要有20 24 30的空白区。


字体大小

重要的:36px,用于重要的标题栏。

              32px,用于重要的标题栏和操作按钮。


一般的:30px,用于大多数文字。

                28px,用于大多数文字。


弱       :24px,用于辅助。

              20px,用于辅助。

颜色规范:

重要的信息应该用一些红色,黑色。

一般的信息应该用一些灰色。

图形间距:

大多数文字左右间距30px。

标题间距20px,10px。



返回列表 返回列表
评论

    分享到