美文网首页UX、UI和UE设计
ps新手如何配色——在模仿中创新

ps新手如何配色——在模仿中创新

作者: 泱泱悲秋 | 来源:发表于2017-01-02 16:12 被阅读225次

    Photoshop前期学的是技巧,后期基本就是靠感觉了,尤其是配色方案方面,因为自己也是非专业美术设计类出身,在颜色使用上,生怕触碰雷区,显得作品太low,但颜色搭配是避不开的技能,既然自己不会把握,那就拿来主义吧。

    最近在做一个关于海洋生物的手机app,拿到任务后,首先就在思考,怎么搭配整体界面颜色,然后想起来有一张科普图片,配色方案很喜欢。就是下面这张。

    里面色系一共两种,蓝色和橙色,互补色,又很柔和。全部统计下来,包括下面这五种,作为手机界面来说,足够了。

    最后整体界面效果如下

    包括icon图标,也是这几个颜色进行了搭配。

    后来为了照相按键的动态效果,又做了四分环的按钮

    按下和未按下两个状态,为了方便演示,用gif图表示一下

    四分环按钮的配色也完全来源于上面的颜色

    这样整个app界面看起来毫无突兀感

    放几张清晰的加载页和引导页

    从大图可以清晰的看出来,气泡和背景色完全模仿了我选中的配色图,甚至里面某些素材做的渐变效果,灵感也是来自那种图片。

    作为科普类的app应用来说,基本达到了既不花哨,又清晰明了的效果。

    所以平时做设计的话,要积累素材,有时候是一张眼前一亮的配色的图,有时候是绝佳的排版方案,当水平不到位和完全没有思路的时候,翻一下自己积攒的素材,定会有收获。

    相关文章

      网友评论

      • d5133fd7a7e4:其实,搜集素材才是比较重要的,尝试在做一个天气app,搜了站酷和ui中国,愣是没有找到好看的同类型APP。除了基本的规范,主要还是配色。
        泱泱悲秋:@小湖屋二号 飞机稿的话试试dribbble
      • eff427a9f7cf:好好看
      • 哼哼傻猪猪AFK:有料的文章,我喜欢

      本文标题:ps新手如何配色——在模仿中创新

      本文链接:https://www.haomeiwen.com/subject/dwbwvttx.html