设计师解读如何快速提升作品格调

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:海边来的设计师

关键词

一说到作品包装,有些同学想到的是

套用Mockup

设计师解读如何快速提升作品格调,PS教程,思缘教程网

拉透视

设计师解读如何快速提升作品格调,PS教程,思缘教程网

还有一些同学在展示布局上特别用心

设计师解读如何快速提升作品格调,PS教程,思缘教程网

有人用了这些方法,作品立刻脱颖而出,而更多的人却被说成表面功夫,这是为什么?

排版固然重要,但色彩的运用同样不能忽视

有时色彩甚至是作品脱颖而出的关键

试想一下,在Dribbble 有很多高人气作品,虽然内容平平,但只要颜值到位,依然可以圈粉无数

设计师解读如何快速提升作品格调,PS教程,思缘教程网

在这看脸的时代,没有颜值的作品,纵使布局考究,也鲜受关注

设计师的作品必须精致,像女人一样精致

衍生阅读《没义务透过邋遢的外表,发现你优秀的内在》

如何快速打造有颜值的作品包装,让你作品备受青睐

很多设计师都为此苦恼

今天就和大家聊聊,如何提高作品逼格

[ 前言 ]

首先你要明白一件事非常、非常、非常重要的事

作品包装不是设计图的简单罗列,更不是让你世界展现产品的线上截图,作品包装包好比女生用美颜相机自拍

设计师解读如何快速提升作品格调,PS教程,思缘教程网

为的是展现作品最完美的一面,下面将为大家讲述,如何提升作品的颜值

NO.1

包装色调

目前主流的 APP 界面配色都是下面这样

设计师解读如何快速提升作品格调,PS教程,思缘教程网

APP 界面中品牌色已沦为点缀色,界面的颜色主要来自内容

且 APP 的品牌色通常不会随着设计师的主观意愿进行调整

既然设计师无法改变 UI 界面的颜色,那我们就从包装的背景色着手,常见的配色手法有四种:

( 长图太占空间,下面均以小图示意 )

1.同色系配色

(最常见)

设计师解读如何快速提升作品格调,PS教程,思缘教程网

指主色和副色都在同一色相上,在配色上营造一致性

2.类似/邻近配色

设计师解读如何快速提升作品格调,PS教程,思缘教程网

这种方法最为常见,可以让页面颜色更加丰富,,且色相过度柔和,看起来非常和谐

3.中性配色

设计师解读如何快速提升作品格调,PS教程,思缘教程网

即背景以黑白灰为主,突出内容(UI 界面),使之不受背景色的干扰,这种配色不仅非常经典,还很百搭

 收藏