首页 > 设计素材 > app设计素材库-APP界面设计之前的事情
2023
07-25

app设计素材库-APP界面设计之前的事情

@陈子木 很多UI设计师在开始设计之前都有制作原型的习惯,但是万事开头难。 在打开原型软件之前,设计师还需要花费大量的经验去寻找灵感、思考框架,甚至在画本上乱涂乱画。 这需要很长时间。 看看其他人如何开始他们的用户体验流程和原型设计!

我会在周围的每个表面上涂鸦并记录我的想法。 无论是外卖菜单、办公室的玻璃窗还是 Moleskine 笔记本,我都可以在其中记下自己的想法。

一切都从头脑风暴开始。 刚开始设计产品时,我会先在笔记本上列出脑海中零散的词汇和闪现的图片,然后开始寻找它们的共性和相似之处。 对我来说,我更喜欢使用网格笔记本app设计素材库,因为它对于记录和绘图都更灵活且“响应灵敏”。 在这个阶段,完美往往不是我所追求的,这些草图更多的是给自己看的。

在开始之前,我通常会列出所有要点并整理要点。 在这个过程中,你可能会整理出一系列的需求,这些项目将帮助你在开始绘制交互设计稿时优化流程。

以下是 Smashing 杂志的一些建议:

如何使用便签在单个画板上探索许多不同的交互和想法

1. 在便利贴上记录各种不同的交互,将它们放在统一的画板上,定期一次撕下一张贴纸卡通形象,然后扫描或复印出来。

2、用不同颜色的贴纸来代表不同的交互行为,会更加系统化。

3. 如果一张便利贴不足以解释设计模型的细节,请在旁边添加一张便利贴并继续书写。 只有描述清楚了,才能看清、了解细节、掌控全局。

4、如果交互细节的描述比较简单,而便利贴太大,可以用小刀把多余的部分剪掉,甚至可以根据布局剪成合适的形状。 尽量让画板看起来更加合理、清爽。

按照上述方法,就会产生不同的原型设计稿。 这些设计稿的基本框架是相同的,但标注交互细节的贴纸不同。

工具是您的设计武器库。 我的计算机和云端有无数的工具和资源。 好的工具可以缩短你的设计流程,不同工具的合理组合会让你的设计如虎添翼、更快更好。

这只是我这几年整理的一部分资料,我已经渐渐离不开它们了。

当谈到设计线框图和原型设计的工具时ip形象,每个人都习惯于不同的工具和创作方法(在数字艺术领域,设计方法总是多种多样的!)。 素描用什么工具,用什么铅笔,用PS还是AI,从来没有硬性规定。 关键是app设计素材库,你喜欢用什么,习惯什么?

做UI模板设计的朋友最近发布了几款多功能绘图模板和流程图模板,希望做UX和UI设计的朋友能够在他们的帮助下快速绘制线框图和交互设计稿。 以下是我看过并喜欢的设计稿:

当我需要进行移动优先的UI设计时,我通常会使用这个iPhone UI模板(相应的还有Android手机UI模板、Android平板UI模板、Windows Phone UI模板和Windows 8 UI模板等全套手绘模板)。

情况如下:

这也是我最喜欢的组合,iPhone UI Template 和 iPhone Flowchart Template。

考虑到目前响应式设计很流行,这本响应式设计图画书也是我最近特别喜欢的:

这种低保真设计稿可以帮助您快速完成线框设计。 在您和团队充分考虑之后,您可以将其转移到 Axure、Omnigraffle 或 InDesign 等设计软件中,然后向客户和合作伙伴展示。

当您使用这样的低保真设计草稿时,您有机会更好地控制流程。

最好、最快和最粗糙的原型设计可能会利用你周围的一切来实现最好的演示。 下图中的纸质智能手表设计原型设计得非常巧妙。 在手绘的手腕和手表上挖一个洞,当你拉动它时,“屏幕”上就会依次出现不同的UI。 别拘束,也许你的厨具、旧数码设备、甚至鞋盒都可以成为你设计的原材料!

您的用户体验设计流程是怎样的? 您将如何制作用户体验原型? 不妨与我们分享一下!

TIGER特意去淘宝找到了文章中提到的绘图模型。 如果您需要,可以点击此处购买>>

中等的

翻译:@陈子木

最后编辑:
作者:nuanquewen
吉祥物设计/卡通ip设计/卡通人物设计/卡通形象设计/表情包设计