这个方法请收好，能帮你快速提升界面中的品质感！

 

曾经是否遇到自己设计出来的界面特别烂，毫无细节品质感可言，而别人的设计就是质感很强，设计细节很丰富，很困惑不知道怎么去提高，止步不前。其实每个成长起来的设计师都会遇到的问题，今天分享一个简单实用方法，希望帮助大家少走弯路。

 

 

1.什么是品质感

 

当我们看到出色的作品时，会无意间发出惊赞声或立即想将其保存，这时我们是否考虑是什么让自己着迷，是颜色、构图、布局或者图片？

不同的设计作品有着不一样的品质感，无印良品和韩国电商设计传达不同的品质感。那么这些所谓的品质感，就是设计细节，把细节做到位，品质感自然就出来了。

左侧：无印良品，右侧：韩国电商

那么所谓的设计细节，其实我们是可以通过日常训练的。研究优秀作品中的设计细节，学以致用。

 

 

2.多维度研究

提升界面品质感，从研究优秀作品开始，这虽是一个常说的话题，但是做得好的人并不多，因此，如何研究好它，是一门学问。当欣赏作品时候一定要带着深度思考，只有这样每次阅读都是进步。

 

设计拆解：IBM设计最吸引人的部分是几何心形图形，再加上堆叠图形的漫射投影，因此整个图片层次相对丰富。 标题使用衬线字体，在设计中起到点睛的作用。

关键词：留白、构成、图形

 

设计拆解：让我们再次看一下MUJI的图片，层次很明显，主图非常有代入感和场景感，布局采用传统的中国式垂直布局，主标题与主体图形交叠关系 。

关键词：留白、排版、摄影图

 

设计拆解：品牌宣传页设计，层次分明，文字排版粗细与大小对比，图形图标的运用。画面构图饱满且有呼吸感。

关键词：留白、排版、图形

 

设计拆解：为什么简单的设计乍一看吸引你的， 实际上，这张摄影照片是核心，舒适的彩色背景摄影和大量留白。

关键词：留白、摄影图、克制色彩

设计拆解：同样在app中，简单的排版，为什么看起来不单调，首先，排版层次清晰，加上完美的包装，整个设计更具吸引力。关键词：排版、包装

 

设计拆解：设计中通过简笔插画图形运用排版，相比纯文字卡片来说，更具吸引力，插画增加易读性和识别性。

关键词：排版、图形插画

 

设计拆解：艺术摄影和网格布局，丰富而细微的对比，图片中没有其他元素

关键词：摄影图、排版、留白

 

3.总结方法

从上面7个案例分析出，设计中的品质感其实都离不开图形、色彩、构图排版、留白、摄影照片等都综合运用，这样才设计出具有吸引力的作品。

 

1.摄影照片的选取：简单干净，有意境，突出主题

2.构图排版：新颖，层次分明，学会使用平面设计中排版思路，网格、破形布局。

3.色彩：避免大面积使用，克制的色彩运用成为关键，色彩比例范围6：3：1。

4.留白：合适的留白使得画面具有呼吸感。

5.图标：纯文字排版有些场景比较枯燥，这时候配上图标或者图形，将会有不一样的风景。

 

 

4.实践

 

如果只是单纯阅读，不去练习，很容易忘记。这时候可以跟着项目走，或者自己去做一些概念尝试，将自己领悟到的设计方法加以运用，进步就会明显很多。

最后，后台回复：「品质感」领取今天举例高清图片，对了记得看完点下“在看”哦~