要记住的最简四(设)计原理
![]() |
我在遇到不能解决的问题时,就会比较烦躁。
比如,连最简单的下载都不会。光 ios 状态栏的素材下载地址就找了好久,好不容易耐着性子找到了,却是国外的网站,要下载什么的都是英文提示。不过,最终还是成功下载下来了。
这是模仿豆瓣做的一个页面,也是我做的第一个界面。很简单,其实就是复制、粘贴。但我弄了4个小时。首先是搜索框是在导航栏的中心位置,这个位置是最符合设计对齐原理的;下面左边的图书封面和右边文字介绍是对齐的;最下面标签栏每个图标的位置都是通过设计的而不是随便放的。
设计的第二原理就是重复:视觉上使用重复的图形、元素、线条或颜色等。书和书之间用同样的线条隔开,保持足够的留白。让人看到是有条理的,引导用户从上往下查看。
同时,图书封面和文字介绍是要放在一起的,它们是关系密切的元素要放在一起。位置的亲密性直接表现出意义的相关联。
最后一个原理是对比:也就是说如果两个元素不一样,比如大小或颜色不一样就让它们完全不一样,产生视觉冲击力。这个界面中“更多”和其他字体的颜色不一样;书名和简介的字体大小也不一样。这是为了突出要强调的部分。对最想要传达的要素进行突出强调处理。对比只是突出强调的一个方式,其他像反差、明暗等都可以运用。
这个界面我打算再改一下,比如字体颜色、大小还要调整,界面中还缺少图书类别按钮。
这是修改后的效果:
![]() |
![]() |