这张是一张后台网站的首页。在这里面色彩搭配的颜色有很多种,在亲密性里就是关联性低它们的距离远越像多个视觉单元,造成了客户对信息的识别率降低,这就是不足的地方。我设计布局为上下布局从上往下分部,分析后上下布局不是很突出,栅格化布局的页面不怎么规范,间距也没有进行统一。对比数据主次关系好像不到位!需要进行改进。首页也是经过很多次改动变成另一个样子,现在想想从一开始做的样子做到现在的样子真的变了很多。之前的问题是icon跟字体太大不符合标准,经过调整后字体都在18以下的范围内,icon比字体也小了一些。在这张图中对齐会常用到,所以我拉了许多的标尺线让字体对齐。
对齐包括:1.文案类对齐、2.表单类对齐、3.数字类对齐,目前在蚂蚁设计中学的只有这些而已。学习对齐可以使自己做的页面更加精美、上档次。在首页里添加icon的地方很少这是不足之处,对齐做起来可以说是很简单的,不过是细节的地方经常被我们忽略掉了,这就导致了做的页面不协调。所以这也是细节部分的不足,俗话说:“细节是决定成败的关键”下面这张图为冒号对齐我从蚂蚁设计中找出来的,冒号对齐主要是用于信息跟数字,冒号对齐是以冒号为起点从左到右对齐的视觉效果。
重复元素在设计里面表达出关联性,重复元素在亲密性里表达的是这些重复的元素关联性越高它们之间的距离就越近,它们就越像一个视觉单元。反而距离远的它们越像多个视觉单元,越像一个视觉单元也就是说它们有组织性,给人清楚明白的感觉好让人一看就知道是什么意思。
图标设计规范纸张外围要留出64px的空白处,而我做出来的外围却没有留出来。常用模度这些数组都是8的倍数次序上升,这样也进一步规范了字的大小。之前我弄出来的字体大小不符合标准,后面才进行了改进。
经过改进后我发现规范了许多之前的问题存在,上面这张图是总分关系图,它明确的规范了那些字需要小一点,那些字要大一些。状态关系对比在我的首页里没有出现过它有静态跟动态对比,状态关系对比还要添加进去。