- 1、本文档共15页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
今年最好的产品设计教程
产品设计的 14 个大招
说来惭愧,在产品设计上我一直沿用相同的设计流程,不
过在我看来,它可能确实接近于理想的状态。我将这些技巧划
分为四个部分:预处理、工作过程、后期处理以及效率技巧。
下面让我为你一一道来。
A、预处理
1、绘制草图
绘制草图其实没那么多讲究,用一张纸还是一个本子都无所
谓,哪怕是手边的一份传单都没问题,最重要的是要将脑海中
的想法诉诸笔头,记录下来。只有画出来,才能真正记住它
们,不被遗忘。因此,我们可能需要保存一堆记录着点滴灵感
的报纸、账单、杂志封面甚至餐巾纸(笑)。
灵感的草稿本
不过对我而言,最理想的载体还是实实在在的东西,比如
Moleskine 的笔记本。我特别喜欢时不时翻看我记录在其中的想
法和灵感。如此,我便可以回顾曾经的想法,并借此调整甚至
重塑此刻手头项目的设计思路,或者延伸出更多的想法。
2、搜集图片
“艺术家是收藏者,而非囤积者。要知道,这两者有个区别:囤积者会无选择地收
纳,而艺术家则选择性地收藏。艺术家只会搜集自己真正热爱的东西。”——Austin
Kleon 《像艺术家一样偷窃》
预处理的第二个阶段是搜集图片,这也是我每天都做的事情。
数以百计的风格,成千上万的图片充斥网络,但是我特别喜欢
的还是老派的风格。我会在Dropbox 中为这些图片分门别类
(Dashboard、iOS、插画,等等)。当我拿到需求或开始项目
的时候,会通过这些图片来寻找灵感。Dropbox 会预先同步好
所有图片内容,因此无需联网你就可以随时随地查看它们。
(另外,小编也一如既往的推荐国内人气设计师网址导航:
/ 里面有全球最赞的 12 个图库资源)
3、Moonboard 与准备工作
我们可以通过很多网站获取灵感——Dribbble、Behance、
Pttrns、Pinterest 等等,我们常常可以从中找到别人做的类似项
目。此外,也许别人正在试图解决与你相同的问题,因此,你
也可能从中受益。
做好Moodboard 很有必要。
什么是Moodboard?Moodboard 是指经由对使用对象与产品认
知的色彩,影像,数字资产或其它材料的收集,可以引起某些
情绪反应,作为设计方向与形式的参考。
当我开始一个新项目的时候,我总会准备一个文件夹来收纳相
关信息,PSD、截图、灵感以及资源各一个文件夹。其中,名为
灵感的文件夹中收纳着我从网上搜集的、与项目相关的所有的
文件,用以激发我的灵感,这就是我的Moodboard。
这个文件夹里面应该包含从基础色版,到 Behance 上完整的案
例研究等各种类型的信息。如果这是一个涉及用户信息的
APP ,那么你还应该有吸引人的人物照片。有时候我用不到这个
文件夹,当然,那是另外一种情况了。
B、工作过程
4、我不在意线框图的质量
我并不是那种花费半年来打磨线框图原型的人。如果客户能预
先准备了线框图那就最好了。
好的客户会在准备好自己的想法和思路,甚至会画在纸上。用
线框图原型举例,并不是想说它,我只是强调深入理解产品本
身非常重要。你的UI/UX 技能、想要表达的想法与你本身才是
决定最终产品的因素。借助线框图,你可以了解客户的想法,
弄清楚需要几屏来构成整个应用。借此,你也会更加了解应用
本身。
有一种情况绝对是设计师的噩梦:客户希望将线框图 1:1 地输
出成最终产品,分毫不改。客户您好,您是猴子请来的逗比
么?这哪里是设计师干的事情啊?所以,当你碰到这样的项目
的时候,尽快搞定,然后像博尔特一样奔跑着远离这个项目,
划清界限。
5、大尺寸PSD 背景
7 个月前我刚开始在Badoo 工作时,看到同事Sasha 的工作过
程时就在想,这哥们恐怕完全不明白 Photoshop 是怎么工作的
吧?不过现在我正准备用他的方式来作图,因为这种模式更对
我的胃口:当你正在做一整个APP 或者信息量较大的
Dashboard 的时候,使用大尺寸背景能更好地设计界面。
在创建新的PSD 文件时,我基本上会将背景设置成8000× 5000
像素的大小。要知道,我不仅仅只是创建一套 UI kit,在大背景
下工作时我能看到每一个元素相互之间的搭配,体会每一个界
面状态的差别。此外,用这种方式来设计,还可以非常轻易地
截取小图或某一状态/阶段下的产品图片给开发者。
6、用一个PSD 收纳所有界面
当我做一个普通的APP 界面的时候,我也会用到其他APP 的UI
界面。这个时候,我更喜欢其他所有的界面都存在于一个PSD
中,即使它们不是同一个产品的。
我很清
您可能关注的文档
最近下载
- 牙齿健康和龋齿预防科普知识ppt(共67张PPT).pptx VIP
- 2024年10月 政法干警锻造新时代政法铁军专题研讨班发言材料.docx VIP
- 反恐验厂-危机管理和应急恢复计划.doc
- 2024.10 政法干警锻造新时代政法铁军专题研讨班发言材料.docx VIP
- 六年级上册快乐读书吧知识测试题及答案.pdf VIP
- 北京字节跳动科技有限公司运营模式分析及发展趋势预测研究报告.docx VIP
- 《财务风险管理—以乐视公司为例》10000字.docx
- 人教八年级上册物理《光的反射》PPT教学课件.pptx
- 信息资源管理专业毕业设计论文:信息资源管理在学校教育中的应用研究.docx VIP
- 网络安全项目网络建设方案.doc
文档评论(0)