大家好,一周不见,
帝都一天比一天热了…
开风扇凉快凉快…
美工界的同僚们!
大家可曾想过什么是美?有的为什么长的漂亮,有的人为什么丑?为什么有的作品大家会感觉很简洁漂亮,自己做的感觉特别low…
所以我们必须要弄明白设计中的美到底是什么?
大家看下面2张图
上面哪个房间比较,哪个low, 哪个美? 一目了然!做设计也是一个道理。
什么是美?
美本身并没有标准,很多人会说每个人审美不一样,但是美也是有门槛和共性的。美是通过整理,有统一感,有秩序,给人舒服和谐的心里感受,秩序是美的重要前提!上面的2个房间一个比较乱一个比较整齐,所以明显下面的房间更美。
整齐秩序的环境会让人感觉舒服,人看到整齐的事物会有一种美的感受,比如常见的阅兵式,整齐划一,有种美的编排。
秩序是设计美感的灵魂, 那么具体表现到设计中就是最基本的对齐、比例问题。
下面这个图第一眼感觉感觉比较凌乱,画面缺少对齐和主次关系,背景比较吵杂。
简单修改下,去掉多余的背景信息,重新组织下排版,画面就会显得清爽,信息表达的更加直接。
下面看一个案例,太长,我只截取了部分。
经常在behance看到这类很简约的页面,这是一个卖摩托车配件的网页,整体看起来非常规整舒服,现在背后必有规律。我跟大家一起剖析下。
小模块之间的间隙是24px以此为基准,24的9倍是216也就是模块的宽度,24的12倍是288px是模块的高度,24的4倍为96px是大模块之间的间隔高度。
除此之外,产品文案距离白色模块间距也约为24px,产品黑色标题距离模块下端间隔约为48px。
大家看到没有,什么叫精确到像素。专业设计师与半吊子设计师的作品之间的差异,就在于对于1像素的处理态度,整个页面无不暗含着各种对齐,各种比例关系。整个页面无论是垂直方向还是水平方向都做到对齐统一,模块与模块之间,图形和文字之间组合,以及图片和模块之间的间距都保持了相同的间隔。
除了模块间距,整个页面的字体,颜色,以及文字和产品图的大小和左右宽度上下高度都做到了统一,这样相同的组合就会给人带来整齐有序的感觉,也有一种整洁简约的美感。
想想生活中的各种建筑,停车线?教室餐厅书桌的摆放?等等,好好观察生活。
所以大家自查下自己的首页、详情是否做到了自上而下全部的对齐,上下左右是否保持的相同的间隔高度,页面模块是否也暗含着比例关系?各级文案字体大小之间是否为统一倍数?
秩序是美的重要前提,生活中没有秩序社会就无法正常运转。
下期再见! 我要买瓶饮料去了…
———————end———————
学电商设计就关注超级美工!
超过100000+电商美工已关注!