2021-03-30

第四周周报

UI设计规范学习

1.学习《写给大家看的UI设计书》总结

对于刚开始学习UI的人来说，设计规范是需要重视的一点，很多初学者的作品就是因为不够规范而可读性与观赏性都非常低，而再看了这本书后，我对UI设计有了全新的看法。
在设计UI之前，我们内心得有一个大概的组成成分，关于这个UI有什么功能，用在哪一方面，应该如何上色，排列，怎么创建和绘制，都是需要提前考虑的问题。然后，就是关于这套UI适用于那种显示器，手机端还是电脑端，亦或者穿戴电子产品，他们由于显示器规格不同，设计方面也要进行一定的调整。接着对于不同的机型会有不同的设计要求，比如Android有属于自己的标准框架
然后，Android的标准字体为思源黑体，而苹果的标准中文字体为苹方。
然后，在UI设计中，也需使用到平面设计四要素——亲密，对齐，对比和重复
对齐，在设计的开始，对齐就起到了很大的调整作用，再有原始画布的基础上画布本身就做起了参考，基本的对齐可以使整个画面非常整齐有序，而且对齐的方式也有很多种，在XD中可以选取多个组件进行对齐来调整整个组件的视觉效果，进行UI设计要严格把控对齐这一要素，可以利用网格系统和隐形的对齐轴线。
亲密，如果整个页面都间距相同的话，观看者看起来是有一定困难的，没有了亲疏关系整个页面看上去就会找不到重点，可以使用调整距离，使用相同色系和使用间隔组件来调整各个部分的亲疏关系，并且在垂直方向上，层极高的模块间距要大于等于层级低的模块间距。
对比，对比是比亲密更能凸显各个模块特点的一个设计元素，很多软件会将页面中一些需要强调的部分使用独特的颜色或者设计手法来与其他部分形成对比，进而达到凸显部分的效果，比如我们常见到的购物软件会将购买这一按钮进行特殊处理，来扩大这一功能在视觉上的比重，而达到让购买轻松化
在页面中各个部分的重要性是不一样的，而对比则是显示重要性的一个重要手法，如果一个界面整体样式趋于一致，没有强烈对比是没有办法给观看者带来良好的视觉体验的。可以使用色彩，粗细，大小以及阴影带来的层级差异体现。
重复，我认为在APP的界面设计中最重要的就是重复了，因为在一组设计中一定要凸显他的相似点才能使一组设计有整体感，无论是利用相似的色彩组合或者是使用相似的格式，或者使用相似的设计风格，在设计中字体，色彩，图标和组件都是可以提现重复的组成成分，将比较有代表性的组件可以进行重复使用来体现重复。

字体，不同的系统拥有不同的官方字体，在对不同的器械设计时一定要注意使用官方的字体，来保证页面得规范性，并且在进行有大量的字体或者段落的页面设计时，一定要使用色彩及粗细程度来体现不同文字内容的权重，并以不同字体的不同角色来调整字体的样式。而在使用字体时，一定要注意字号，只有选好了字号才能使所设计页面看起来更加舒服。另外还有字重和色彩两个因素用来强调不同角色字体的特点。

控件，控件时界面的基础组成要素之一，而UI中的大部分组件都具有“交互性”，用户可以通过交互的手势来触发这些空间被指定的功能与事件。组件也是凸显设计规范的重要部分，规范的组件才能让页面整体更加规范。在使用控件时一定要遵循官方的设定，并且同一组的控件要使用相同的粗细以及色彩。在设计控件与使用控件的时候，控件的参数设定也非常影响控件带来的视觉效果。不同功能的APP中控件也大都不同。