专栏名称: 超级美工
中国电商设计第一公众号!定期展示最新电商设计案例,发布最热淘宝设计教程。关爱电商设计师群体。美工路上我们温暖相伴!
目录
相关文章推荐
新零售  ·  沃尔玛为何撤资京东,又入驻美团? ·  21 小时前  
电商报Pro  ·  小红书排兵布阵,毛文超大搞AI ·  2 天前  
亿恩  ·  10年大卖终止运营,曾获雷军投资 ·  4 天前  
51好读  ›  专栏  ›  超级美工

为什么你的作品看起来很low!

超级美工  · 公众号  · 电商  · 2017-05-21 23:18

正文

大家好,一周不见,


帝都一天比一天热了…


开风扇凉快凉快…



美工界的同僚们!


大家可曾想过什么是美?有的为什么长的漂亮,有的人为什么丑?为什么有的作品大家会感觉很简洁漂亮,自己做的感觉特别low…



所以我们必须要弄明白设计中的美到底是什么?


大家看下面2张图



上面哪个房间比较,哪个low, 哪个美? 一目了然!做设计也是一个道理。


什么是美?


美本身并没有标准,很多人会说每个人审美不一样,但是美也是有门槛和共性的。美是通过整理,有统一感,有秩序,给人舒服和谐的心里感受,秩序是美的重要前提!上面的2个房间一个比较乱一个比较整齐,所以明显下面的房间更美。


整齐秩序的环境会让人感觉舒服,人看到整齐的事物会有一种美的感受,比如常见的阅兵式,整齐划一,有种美的编排。


秩序是设计美感的灵魂, 那么具体表现到设计中就是最基本的对齐、比例问题。


下面这个图第一眼感觉感觉比较凌乱,画面缺少对齐和主次关系,背景比较吵杂。



简单修改下,去掉多余的背景信息,重新组织下排版,画面就会显得清爽,信息表达的更加直接。



下面看一个案例,太长,我只截取了部分。



经常在behance看到这类很简约的页面,这是一个卖摩托车配件的网页,整体看起来非常规整舒服,现在背后必有规律。我跟大家一起剖析下。




模块之间的间隙是24px以此为基准,24的9倍是216也就是模块的宽度,24的12倍是288px是模块的高度,24的4倍为96px是大模块之间的间隔高度。


除此之外,产品文案距离白色模块间距也约为24px,产品黑色标题距离模块下端间隔约为48px。


大家看到没有,什么叫精确到像素。专业设计师与半吊子设计师的作品之间的差异,就在于对于1像素的处理态度整个页面无不暗含着各种对齐,各种比例关系。整个页面无论是垂直方向还是水平方向都做到对齐统一,模块与模块之间,图形和文字之间组合,以及图片和模块之间的间距都保持了相同的间隔。


除了模块间距,整个页面的字体,颜色,以及文字和产品图的大小和左右宽度上下高度都做到了统一,这样相同的组合就会给人带来整齐有序的感觉,也有一种整洁简约的美感。


想想生活中的各种建筑,停车线?教室餐厅书桌的摆放?等等,好好观察生活。


所以大家自查下自己的首页、详情是否做到了自上而下全部的对齐,上下左右是否保持的相同的间隔高度,页面模块是否也暗含着比例关系?各级文案字体大小之间是否为统一倍数?


秩序是美的重要前提,生活中没有秩序社会就无法正常运转。


下期再见! 我要买瓶饮料去了…


———————end———————

  • 学电商设计就关注超级美工!

  • 超过100000+电商美工已关注!