广西11选5走势:设计理念如何指导设计落地

小男 APP设计 3201浏览

河北11选五开奖结果 www.p49oh.cn 在做项目改版升级时,我们需要做两件大事,一是提炼核心设计理念,二是由理念推动设计执行。

 

如果你想进阶高级、专家或者带团队,这两件事你必须要透彻的理解,并加以实践。

今天,菜心希望用自己的设计经验帮大家敲开一扇进阶的大门!

敲开大门的步骤如下:

1.提取设计理念

2.推动设计落地

 

1.提取设计理念

 

1.1 设计理念是什么?

简单来说就是给你的设计提炼一个核心词语,比较高逼格的,让人一听起来就“哇,好屌”这样的感觉,当然也不能只是听起来屌,还必须真实的依托于你的设计方向,如果只是浮于表面,后期是很难落地的。

举个例子,是我自己带队经历过的手机系统优化的项目(经过后期调整简化的),设计理念叫做——破界!

后面我们讲围绕“破界”这个设计理念来展开讨论。?

1.2 设计理念如何提???

你的理念需要综合很多维度的深入研究与挖掘,例如品牌探索、用户调研、产品卖点、目标人群甚至是竞品和流行趋势。

回到刚才那个“破界”的设计理念,怎么来的?

它有三个维度的支撑点,产品卖点、目标用户、竞品与趋势:

我来依次解释一下:
产品卖点:当时全面屏的概念还没有现在这么烂大街,所以算是我们的一个主要卖点,而全面屏的无边界、大视野就是“破界“理念最大的支撑。
目标用户:我们的定位人群为个性、独立的年轻人,而年轻人敢于突破界限的精神便是“破界”理念的第二个支撑点。
竞品与趋势:我们做了很多的竞品与流行趋势的分析,发现整个市场和行业都在一次又一次的完成技术突破与设计创新,而对于我们这样一个具有创新精神的公司,突破原有瓶颈,大胆创新当然也是我们应该做的,也就是“破界”的第三个支撑。我们在前期所做的一切搜集和研究其实都是为了提取以及支撑这个核心理念,这样后期才会有明确的设计方向!?

2.推动设计落地

有了理念,如何推动设计落地就是最关键的事情了。其实说实话,在你提出这个理念前,尤其是项目把控者,应该已经有了大概的延展方向,甚至已经想好了一个明确的设计语言(风格)。接下来,我从造型、色彩、布局、三个层面,来解密一下“破界”是如何推动设计落地的。

2.1 造型

在造型层,破界是指打破原有边界束缚,比如:

这样的做法首先是符合我们“破界”的设计理念,其次是让结构更加简洁清晰,也符合目前的流行趋势——简约扁平。具体场景怎么应用呢?例如1.0的时候,我们的部分桌面图标如下:
在刚刚分析的“破界”理念之下,我们将原有的复杂造型做减法,破开边界,优化结果如下:
这就是“破界”在造型层面给予的设计指导。?

2.2 色彩

在色彩层,破界是指打破颜色生硬的拼接,使用透明度渐变和叠加的设计技法来创造新颖的设计语言:

 

如何应用?例如功能图标的设计:
再例如联系人界面的字母形象:
都采用了这一套设计语言。?

2.3 布局

在布局层,破界是指突破原有边界使屏幕更加饱满通透,这里举两个例子:

一个是通过视觉引导的方法让界面的边界看起来更窄,如何做到呢?

例如在做设置页面的时候,我们将1.0的页面与竞品进行对比:


可以发现,竞品的视觉重心在图标上,因为图标比文字要重一些,而我们的视觉重心在文字上,因为文字比图标重,这样的话我们的边框就会看起来很宽,而竞品的就很窄:

在这样的背景下,我们需要做的就是加重图标视觉重量,我的方法就是让图标由线性变成面性,并且使用“破界”的设计语言:

这样的话,由于视觉重心更加靠边,界面边界就会看起来细很多,整个页面也就饱满了:

以上是“破界”在布局层的第一处个应用。
第二处应用是将1.0分割式布局变成通屏式设计,破开分割界限,使整个屏幕浑然一起,饱满通透:
例如在我们的天气界面:
除了这些,“破界”还可以指导一些细节上的设计,例如去除列表之间的分割线,在当时也比较流行,总之可以找到很多既符合自己理念又符合流行趋势的设计切入点,也只有这样,我们所产出的设计才是有理有据,禁得住考验的!?

总结

好了,这两件事情就差不多讲完了,在做项目的时候我们一定要时刻保持清晰的思路,知道自己在做什么,以及做到了哪里,实在做不下去就多问问别人建议和想法,阻力迟早会过去,而过去之后等待的就是你的进阶与成长。我希望大家可以通过我讲的内容结合实际项目运用起来,取其精华去其糟粕,千万不要“看了就过了”!

 

原文地址:菜心设计铺(公众号)
作者:菜心

 

 

转载请注明:河北11选五开奖结果 » 设计理念如何指导设计落地

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网河北11选五开奖结果 www.p49oh.cn?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.www.p49oh.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.www.p49oh.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.www.p49oh.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
如何设计一个理想的「空状态」?如何设计一个理想的「空状态」?
设计沉思录|58App全新租房首页改版设计沉思录|58App全新租房首页改版
解析App中的2大时间选择器解析App中的2大时间选择器
你确定,你了解反馈吗?你确定,你了解反馈吗?
重复与突变在产品设计中的应用重复与突变在产品设计中的应用
底部动作栏总结底部动作栏总结
4步教你提升表单设计的用户体验4步教你提升表单设计的用户体验
交互动效设计-After Effect(1)交互动效设计-After Effect(1)
[交互自查表]可用性优化实录[交互自查表]可用性优化实录
App抓住用户的魔性功能 —— 签到(下)App抓住用户的魔性功能 —— 签到(下)
?
  • J罗、法尔考领衔 南美神鹰是虐菜狂魔抑或屠强之师 2018-12-13
  • 七旬老人站台等车 公交驶来瞬间突然发生惊险一幕 2018-12-13
  • 社会财富私有制反映在人们头脑中必然产生贪欲心,“炒”是人们在贪欲心支配下的一种市场行为。这种贪欲心只能随着私有制的逐渐消亡而最终消失。 2018-07-11
  • 653| 927| 607| 145| 54| 104| 842| 891| 408| 886|