聊城东阿平面设计师培训必会,自己怎么做练习?

  • A+
所属分类:图像处理培训

图南计算机培训班一直提醒大家要在课后做联系,但是为什么要做练习?

不管是学生或是上班族,我想大家的生活一定在忙碌不过,尤其是在一个有这么多剧可以追的时代里,能好好的做一份功课是一件多不容易的事,而且还是自主性的,所以,你是为了什么而挤出时间呢?

聊城东阿平面设计师培训必会,自己怎么做练习?
练习的种类

练习的阶段种类

根据每个人的不同背景与能力,我将练习分成了3种阶段~这些步骤也是我自己在学习的过程里经过的3个阶段

1 .现有产品临摹

建议UI新手、甚至没设计底子但有心想练的同学~这就如同小时候的生字本,都是从临摹开始的!

找一个你觉常用的大厂牌App

依同学有多少时间可以练习,截图元素较多的页面,贴进你的Sketch

开始临摹,请准确的绘制,熟悉一下你所使用的软体

完成后,将图层档名做整理

选择常用App是希望同学本身已经很了解这些UI的操作,特地提到要挑选大厂牌的界面,是因为大厂牌(大部分)都会制订一套自己的Design Guideline,所以可以藉由实作过程去发觉人家怎么运用颜色、Icon的绘制有没有规则(例如是线条的还是实心填色的)、元件彼此的间距多少(8的倍数?)、总共有几种字体大小……等小小细节!

如果说图层档名取的很没有概念,除了多看两个平台出的Guideline外,也可以先去sketch app sources,下载别人的Sketch,看看人家是怎么整理的~其实最主要是希望这个步骤可以让同学更了解元件,有些不知道怎么命名也可以参考Pttrns这种网站的分类方式~

2.现有产品重新设计

选定一款常用的、可以优化的App,不管是UI不统一导致导致操作不顺畅、功能不符合预期无法满足痛点等~总而言之,先厘清自己想要重新设计的目标是什么,想要解决什么问题。因为搞清楚这些才能开始设计,不然都是白忙一场喔

例如我的问题是目前雅虎购物中心的商品页面,优惠资讯很混乱,我都需要看半天或是加入购物车以后才能确定价格,所以我重新设计的目标就是让使用者有效率的得到优惠资讯。

利用Wireframe设计出几种解法,此时的Wireframe千万不要落到以视觉脑袋来思考,能用纸笔简单的草稿即可,以上面的示例,我就会将所有的优惠都整理出来,并且去思考这些优惠对使用者来说有哪些区别,怎么样的形式可以更好理解优惠属性,并马上画画看。

最后将数个Wireframe进电脑看看,在这个过程中选定一个最好的解法,套用现有产品的视觉调性。可以先简单的归纳出同学新设计的画面里有运用到的元件,如果找不到现有UI或是现有的不够好,当然也可以尝试更多视觉的可能~

为何要选定一款常用的App?最主要是想假定你的痛点就是其他使用者的痛点,毕竟这是一个人为单位的功课。但工作时……把自身痛点视为所有使用者痛点,可以说是产品设计的大忌哈哈哈哈。

3.新产品概念设计

若从无到有的发想新产品没有太多头绪?也许把眼光放低一些的话,从参考现有产品开始,试着改良出属于你自己的App!

例如我是一个会定期对发票,想要赚意外财的少女,在对发票的过程中就发现现有的发票App都有些可优化的空间,所以就私心的用喜爱的猫咪为主题设计一款App,这份给自己的功课其实就是将上一段落「现有产品重新设计」的规模放大,包含流程的重新思考,重新定义目标跟使用者的痛点,甚至是Branding都能在此次的练习里。有机会也会来将整个产品的细节过程分享给大家的!

进入雅虎以后,产品的规模已经不像之前在新创可以一手掌握了~往往在专业分工之下看见的都是产品的小部分,所以藉由闲暇时间做功课,也是帮助自己能够换位思考,把平常在公司学到的套用看看,从不同的角度来看待产品,同时也是帮助我在工作时,跳脱只是一个螺丝钉的思考方式。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: