虎课网为您提供字体设计版块下的【UI界面改版】-文字类界面图文教程,本篇教程使用软件为Sketch(63.1),难度等级为中级拔高,下面开始学习这节课的内容吧!
本篇教程讲第9课 文字类界面,喜欢的一起来学习吧!
学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业,老师会一一进行解答。
那就开始今天的课程吧。
1.文字类应用原设计分析, 布局问题有元素安全距离不一致,色彩问题有色带单一、页面缺少图片,细节问题有分割线颜色太深、圆角不一致。
2.改版思路中邮件卡片做上下区分,强调卡片底部。
3.语言模块减少细节,进度条代替星星。
4.新建页面,置入基础元素,背景上添加浅色渐变以凸显前面的元素。
5.强化标题,置入小元素。大致确定邮件模块宽度,上半部分的图片区域确定高度。
6.卡片内部文本左右16像素间距,置入底部元素,调整间距。
7.两个卡片编组,再添加统一投影,避免前面投影影响后面的卡片。
8.图片与文字的搭配避免做成错位样式,设计感不要通过花哨的样式表现。
9.第二个页面,复制前面页面,删除多余元素,顶部太空,增加元素。头部标签与内容结合统一。
10.关于她模块,名字不需要重复,简洁表示,强化文本颜色。
11.共同话题和感兴趣话题进行拆分,清楚表现话题,这节课就到这里,下节课再见。
以上就是【UI界面改版】-文字类界面图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!