返回顶部
热门问答 更多热门问答
技术文章 更多技术文章

[美工设计] 为什么你的作品看起来很low!

[复制链接]
商乾小编 显示全部楼层 发表于 2017-5-24 16:20:30 |阅读模式 打印 上一主题 下一主题

登录网站,浏览更多精彩内容

您需要 登录 才可以下载或查看,没有账号?加入我们

x
大家好,一周不见,

帝都一天比一天热了…

开风扇凉快凉快…


68e0f4a137fff0ddff49f56ce1086cb0.gif

美工界的同僚们!

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


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

大家看下面2张图


f0cb4f9498a1c985d0b1799969844ea5.jpg

93119b4305f4cc33b0c529719fbd69b8.jpg

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

什么是美?

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

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

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

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



429643e7b604cd6aebf6c0d6160b5984.jpg

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


275b35346382adc3899863037e26eef7.jpg

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


83892a1fb7d1550e5614388c920b7398.jpg


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


461a2c8a5568926ab0064b91cd6c276a.jpg



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


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

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

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


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

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

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



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





68e0f4a137fff0ddff49f56ce1086cb0.gif
商乾电商学院,爆款打造,运营代运营,软件开发、跨境电商、电商培训。因为专注所以专业,欢迎咨询。园洲地址:假日名城1507.石湾地址:名巢孵化园!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

商乾全球电商人、电商交流学习与电商实战技术分享、电商爬虫、生活交流专业网站
  • 官方手机版

  • 微信公众号

  • 商务合作