在做项目改版升级时,我们需要做两件大事,一是提炼核心设计理念,二是由理念推动设计执行。
如果你想进阶高级、专家或者带团队,这两件事你必须要透彻的理解,并加以实践。
今天,菜心希望用自己的设计经验帮大家敲开一扇进阶的大门!
敲开大门的步骤如下:
1.提取设计理念
2.推动设计落地
1.提取设计理念
1.1 设计理念是什么?
简单来说就是给你的设计提炼一个核心词语,比较高逼格的,让人一听起来就“哇,好屌”这样的感觉,当然也不能只是听起来屌,还必须真实的依托于你的设计方向,如果只是浮于表面,后期是很难落地的。
举个例子,是我自己带队经历过的手机系统优化的项目(经过后期调整简化的),设计理念叫做——破界!
1.2 设计理念如何提取?
你的理念需要综合很多维度的深入研究与挖掘,例如品牌探索、用户调研、产品卖点、目标人群甚至是竞品和流行趋势。
回到刚才那个“破界”的设计理念,怎么来的?
它有三个维度的支撑点,产品卖点、目标用户、竞品与趋势:
2.推动设计落地
2.1 造型
在造型层,破界是指打破原有边界束缚,比如:
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/3/IzIbaq.jpg)
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/3/63E3Yn.jpg)
2.2 色彩
在色彩层,破界是指打破颜色生硬的拼接,使用透明度渐变和叠加的设计技法来创造新颖的设计语言:
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/3/ZV7jmq.jpg)
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/3/mqMF3q.jpg)
2.3 布局
在布局层,破界是指突破原有边界使屏幕更加饱满通透,这里举两个例子:
一个是通过视觉引导的方法让界面的边界看起来更窄,如何做到呢?
例如在做设置页面的时候,我们将1.0的页面与竞品进行对比:
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/3/JZFrya.jpg)
可以发现,竞品的视觉重心在图标上,因为图标比文字要重一些,而我们的视觉重心在文字上,因为文字比图标重,这样的话我们的边框就会看起来很宽,而竞品的就很窄:
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/3/eqmMF3.jpg)
在这样的背景下,我们需要做的就是加重图标视觉重量,我的方法就是让图标由线性变成面性,并且使用“破界”的设计语言:
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/3/a2ae6b.jpg)
这样的话,由于视觉重心更加靠边,界面边界就会看起来细很多,整个页面也就饱满了:
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/3/EbIzui.jpg)
以上是“破界”在布局层的第一处个应用。
第二处应用是将1.0分割式布局变成通屏式设计,破开分割界限,使整个屏幕浑然一起,饱满通透:
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/3/6JZNJb.png)
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/3/E777jy.jpg)
总结
菜心设计铺(公众号)
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/3/uUNfIn.jpg)