当前位置:图趣网(Tuquu) > 网页设计教程 > 设计理论 > 用错图片赔到破产?真实测评教你哪些图库网站最划算!

一看就懂!详解大厂UI设计规范制作步骤

上篇《超全UI设计规范,带你了解规范设计全流程》分享了为什么必要设计语言以及设计语言包含了哪些内容。简单回顾下,为什么必要设计语言?对内,保证设计团队的同等性,给用户的体验同等性,提拔设计服从;对外,同一品牌符号,有助于加深产品在用户心中的印象。同时设计语言设定包含了,设计原则、色彩体系、颜色体系、栅格体系、图形、字体、投影等原则。今天来和大家分享,如何去敲定一个设计原则?

一、提取设计原则关键词

1. 提取一级关键词

第一步,先要去提掏出关键词,这个关键词怎么来,有几种体例获取,第一个从整个公司战略出发,任何一个产品肯定有他的战略,品牌战略,商业战略。举个例子,假设我们是 eaby,公司今年战略是全球化,高品质,正品,那么这个就是一级核心关键词,所有的设计语言肯定要和公司战略结合起来,可以理解为战略关键词是整个设计语言顶部金字塔。

二、运用情绪版提取二级关键词

有了一级关键词后,必要去思考,那么什么样的设计能给人全球化的感受呢,什么样的感觉能有高品质,正品应该传递什么样的感觉呢?此刻必要用到第二个方法就是情绪版,通过情绪版去把吻合这些关键词感受的图形详细化。

三、高品质特性是什么?

下图是一组日本的花茶设计,那么在这组设计中,设计师是如何表现高品质呢?

△ 首先包装很优美耐看,设计简约

△ 做工精量,整个产品包装,都是在富士山脚下

△ 采摘环境很透明,值得被信赖

△ 整个品茶的过程也分外让人憧憬,很有仪式感

△ 整个的设计很完备,很有设计感在里面

通过以上案例拆解,我们能对这个高品质的关键词有更加进一步的理解,高品质原来在情感层面是一个这么抽象的感觉,但是许多同窗会问,那么这二级词汇也很抽象,如何靠这个来做设计,很难去理解及表达,别发急,还有下一步。

1. 高品质设计体现情势?

关于高品质在视觉情势上如何来表现了,哪些设计感觉能代表高品质呢,这个时候就必要我们去探求一些设计参考,这些案例要能代表高品质。

△ 清晰的有品质的图片

△ 牛皮癣,不细腻不可取

△ 优雅的排版和留白,笔墨清晰,杂志感受

△ 图文密集,缺少版式不可取

△ 细腻的布局,栅格的系统,给人品质感

△ 缺乏版式及设计感

△ 有设计细节的

△ 无细节不可取

△ 合理的配色,简单清晰

△ 山寨的配色不可取

△ 设计的连续性和完备性

2. GOOD CASE

3. BAD CASE

四、设计分层

以上就是我们从一个战略关键词渐渐推导到一级关键词,到二级关键词,到设计手法,以及对应设计表达,推导的一个全过程。

  • 本能层:清晰的,有设计感的,做工细腻
  • 举动层:完美的,值得信赖的,埋头的
  • 精神层:让人憧憬的,值得期待的

五、总结

以上也许为一个设计关键词的悉数推导过程及到设计手法的确定,也是设计语言里面最难的部分,后面的关键词也是类似的思考方法和思路,最终通过推导我们必要得出每个关键词的情绪图,以及对应设计特性,最终必要在界面中展示的形色字构质,一个完备过程。

比如国际化,同样通过前面思路,我们必要去思考国际化如何在设计中表现,去提炼出代表国际化的象征物,如地标,国旗,邮戳,货币等等,包括如何在界面中融于国际化元素,以及人物和节日场景。

结语

盼望大家可以通过我这期的分享,能够细致理解到如何从公司战略层提取到核心一级关键词,到二级关键词,以及对应的设计手法,对应到形色字构质,大家可以依据此方法去拿你如今手上的界面去做一次系统化的推导。

最后,依据推导出来的原则,以及对应的设计手法去做概念,去在界面中运用,最终完成设计语言第一步,设计关键词和设计手法定义。

迎接关注作者的微信公众号:我们的设计日记,每周分享最新设计趋势和设计经验,科学设计方法。

图片素材作者:Tran Mau Tri Tam ✪

[教程作者:互联网]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/di4088.html
网络故障场景如何提醒用户?来看这篇超细致的总结!
用错图片赔到破产?真实测评教你哪些图库网站最划算!
图趣网微信
建议反馈
×