UI中国车机比赛活动“启动篇”

原创文章 分类: 教程 版权:
6748 27 238 8
2018-07-11
45.3
首页推荐


本期活动


这次会带着大家花2-3周做一套车机的设计 http://activity.ui.cn/lynk 从规范制定到动效然后包装设计,欢迎关注!


活动时间


7月11号-7月17号晚上9点,会在下次直播的时候点评部分作品

参与者可以加入群提交作业,比赛群请见评论,下周二未提交将会被请出群。


高清无广告播放视频地址
https://www.bilibili.com/video/av26580432/

---------------------------------------------------------------------------------


这次教程主要介绍下本次活动我们需要做些什么,如何开始本次活动,如何定义风格,如何找参考,如何进行设计排版等


Image title



这次活动我们需要做些什么?


首页的排版:左侧的5个icon,和3个主要界面排版、菜单页的10个icon,操作页的11个功能提示icon,有兴趣的可以再做几个界面设计,动效以及包装的好看点


Image title

Image title

Image title

Image title


确定了需要做些什么然后怎么做?


首先定义设计风格,先对官方给出的4种风格进行分析

官方给出了4种风格:纯、劲、耀、世界杯

何为纯:极简、没有多余的元素,不断简化,回归基本。简洁而不简单!

何为劲:科幻、机械。看上去有光感、质感等非常炫酷的界面!

何为耀:炫彩、创新,能让人眼前一亮的界面,这种界面比较容易出效果


在这里我们第一个设计方向是黑色界面,由于使用场景在车内,使用场景偏暗,所以界面需要用黑色作为背景,并且是开车使用,所以控件的操控范围需要大一点


分析完成需要根据自己所学的技能选择适合自己的风格


简:极简,做起来会稍显吃亏,但是可以用一些看起来高级的颜色,比如黑金等

劲:炫酷,看上去就很牛逼,需要很好的AE、拟物或者3D功底,新人不建议

耀:华丽,用多种颜色搭配,或者创意插画去完成,需要很好的想法还有插画功底


Image title

Image title

Image title

Image title

Image title

Image title

Image title


当你确定需要做什么风格了,你需要去找一些相应的参考,在这我会推荐一些设计链接给你们,由于我插画偏弱,所以我做设计的点定位简和劲


Image title

Image title

根据参考的界面和找到的灵感,首先定义大方向为“纯”设计风格为“黑金”


Image title


当真正确定了自己需要做什么了,后面就简单了,我们需要找导航、音乐、天气3个界面的设计排版参考,根据参考去设计,提取核心设计元素,加入到自己的设计当中,切勿一模一样的抄,这里说的不要抄是因为每个设计的设计语言不一样,留白什么的也各不相同。


Image title

Image title


当设计完成大概定义下icon风格,icon这一块大家别急着做,只需要定义风格然后做3个界面即可,下周二晚9点会详细介绍icon这块如何去设计


Image title


根据本次界面排版延伸出一种科技感的风格,还有其icon风格


Image title

Image title


最后是一些注意事项


Image title


另外再次提示


7月11号-7月17号晚上9点前提交作品,会在下次直播的时候点评部分作品



UILEO

UILEO群号码:534616383

6191粉丝/2关注

原创小生
 AE教程:数码电商界面动效设计点评:旅行界面动效设计
7
UILEO

参与者可加入比赛群:818176518 , 周二前未提交将会请出群

精彩!

UILEO

UILEO

UILEO群号码:534616383

原创小生

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2018 UI.CN