为什么我做的界面总是有点土?

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
13152 41 612 2019-11-27



19年我看了很多作品,也做了很多作品,尤其是上半年,做了很多概念稿的练习,颇有心得,今天把一些实用的技巧分享出来,希望能够帮助到你。(本文部分素材源自pinterest网站)


1.别再用5年前的投影了 

1.1 投影“虚”一点 

这是前几天刚看的一套作品里面的内容,投影用的很实很脏:

其实投影很关键的一点就是若隐若现,搞“虚”一点,也就是模糊一点,这样看起来会高级一些,比如:


其实无非就是投影的模糊大一点,颜色浅一点,至少能及格,这是最基础的内容。

1.2 投影的色相 

很多时候,投影不一定非用浅灰色,有点色相,会显得更加高级:




这样一对比,你会觉得左边灰色的投影是有点脏的。

但是,投影的颜色千万别太过分:



这样就不太好了。


 1.3 投影别和物体黏在一起 

我见过很多投影虽然很“虚”并且有色相,但是却和物体黏在一起,这样看起来也会很脏,比如:




这时候我们要做的就是把投影降低透明度,或者把投影颜色变得更轻一些,让它和物体分离开来:


其实道理和前面也是差不多的。

所以关于投影,总的来说,“虚”一点,总是好的



2.你这一系列的配图怎么找的? 

做概念稿的时候经常会用到好看的配图,而且配图还需要一系列的,比如:



有朋友问这种一系列的配图怎么找的,其实很简单,大家都知道,花瓣和国外pinterest网站很像,但是pinterest有个功能是花瓣没有的,就是通过颜色、形式等纬度找到相似的图片,例如:




这样,就可以找到很多类似的图片了。

不管你的作品是不是练习稿,都要注意下图片版权问题,并且标明来源!

还有,

怎么上pinterest,我就不说了,大家自行解决。


3.学会“破” 

有时候设计太规矩,就会让人感觉很平淡无奇,有一个非常有用的方式,主要用在图片的处理上,就是让素材冲出特定区域。

比如在做这个概念页面的时候,第一版看起来就会很平淡:




我尝试将人物破出边界,让冲击力更强:




千万不要以为只有概念稿能这么做,去年腾讯动漫830改版的时候,就是用这“破”一点打造的沉浸式banner图:





4.带色相的高级灰 

很多时候,如果你的黑色或者灰色带有一点色相,会让整个页面看起来更加舒服,比如,在做下面这个概念稿的时候,文字就尝试了带色相的黑、灰:


看起来会更加和谐。

当然,不仅仅只是概念稿,很多线上的App在使用黑白时,都带有色彩倾向,和主色相近。

大家可自行观察自己手机上的的app哈。


好了,本期就分享这么多,下期见喽!





Powered by Froala Editor

全部评论:41

  • AIR一

    2020-07-31 10:44

    结束的没有一点预兆

  • 2020-06-09 09:50

    @DLSSXJC: 赞同

  • DLSSXJC

    2019-12-26 10:38

    其实真的落实到产品上 还要考虑实用性 如果真的有公司愿意叫程序全都按设计的方案做 那一定会是一款牛批的app

  • feixiong1980615

    2019-12-23 10:07

    我就是一直在纠结文字是用纯黑 灰色还是带色相!现在明白了

  • 小丸子吃樱桃真好吃Uo

    2019-12-17 18:03

    戛然而止,不够看。。。

  • 吴哲轩Chris

    2019-12-13 10:31

    学到了!

  • 小T的冰工厂

    2019-12-11 17:46

    @: 还有马蜂窝

  • 2019-12-11 10:34

    @Favorite: 我手机装了三个,美团、咸鱼、懂车帝

  • 183***6169

    2019-12-09 14:00

    刚觉得有点看头就没了

  • 我就是我哒

    2019-12-09 08:43

    做的很棒啊,开发实现不了你的效果,哈哈哈哈哈哈

  • 辛洛开

    2019-12-04 16:17

    @米和店: 笑死,我也是

  • UUdada

    2019-12-04 10:19

    @菜心设计铺: 先给我一个5折优惠码吧,到时候我来成为第一个读者。

  • 米和店

    2019-12-03 17:37

    还没看到高潮就结束了

  • 一只鸡腿腿

    2019-12-03 16:30

    @Favorite: 得看如何搭配吧

  • 2019-12-03 09:38

    @Favorite: 美团、大众点评主题色就是黄色呀 难道还不够大众化吗?

  • 菜心设计铺

    2019-12-02 20:06

    @UUdada: 指日可待?

  • UUdada

    2019-12-02 17:49

    真实可见,平易近人,出书指日可待?

  • Favorite

    2019-12-02 17:34

    恕我直言,黄色主题的app都不能大众化

  • 菜心设计铺

    2019-12-01 23:13

    @Tiny_N: 嗯,规范是一定要有的

  • Tiny_N

    2019-12-01 13:44

    带色相的深色也应该是要在整体深色规范下统一变化的吧?若只有某些页面出现异化深色会不会有破坏产品整体的感觉?(当然如果仅是概念稿的话,效果确实很好)

  • 菜心设计铺

    2019-11-29 19:01

    @just: 对的

  • Kitty酱

    2019-11-29 17:08

    @just: 搜嘎

  • heremidi

    2019-11-29 13:48

    @lemon1020: 你确定?这可是“破”出手机屏幕了哈

  • Adyun

    2019-11-29 12:43

    原来这就是五彩斑斓的黑 “破”出来可以做成假的图嘛

  • lemon1020

    2019-11-29 11:44

    @heremidi: 我是开发,我可以。

  • 峦妮儿

    2019-11-29 11:35

    我曾经就冲出过banner,为难了刚毕业的小伙子两三天

  • just

    2019-11-29 11:00

    @Kitty酱: 像那种banner其实就是设计成半退底图,开发根本不用考虑能不能实现,放上去就行了

  • zlpdejia

    2019-11-29 10:19

    挺好看的,不过相比于色相的字体,我更偏爱黑灰色字体,觉得更清晰,便于阅读,还有破那个,概念稿真心不错,如果开发的话,切图片还可以,做其他的估计会让我改方案

  • 一入设计深似海

    2019-11-29 09:02

    你怎么那么短

  • 果冻灬布丁

    2019-11-28 17:49

    @龐偉PWDS: 哈哈哈哈

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票