5 个关键点！优化你的 UI 原型设计

当你和你的团队着手开始一个产品开发的时候，最开始的一步一般是绘制线框图，这是大部分产品项目的第一步，它不复杂但是却对整个产品的完成形态和质量有着至关重要的作用。

很多刚开始工作设计师或者产品经理都会提出一些问题，例如：“我该怎么提高我的 UI、UX 设计技巧” 或者“有什么书籍或者网站可以教我一些 UI 设计的高级技巧吗？“ 设计的技巧是存在的，而且它们对设计确实有帮助，但是却可能不是让新人甚至是有一些从业经验的人的作品更加完美的基础。除此之外还有 5 个关键点值得 UI 设计师们放在表面的设计技巧之前。

1.UI 原型设计不是做一个精巧的展示模型

很多刚开始 UI 设计甚至一些有经验的设计师常常会在设计产品 UI 原型时误入”究竟什么才是更好的 UI 设计“的歧途。他们常常觉得一个有着精致细节、无懈可击的设计和高级配色，几乎和成品看起来一模一样的 UI 原型设计才是好的。其实这个时候他们已经对”UI 原型设计的作用”有了误解，UI 原型设计作为一个产品开发流程的第一步和最基础的一步，设计出的原型并不是要展示设计师在图形设计方面的高超技艺亦或是超越艺术家的色彩敏感度。所以这不是考虑用什么字体、图标具体尺寸以及每一个页面上的所有细节的时候，同时避免掉细节的干扰才是设计师该做的事情。

2.在设计中展示自己的想法

UI 原型设计的优劣在于它能不能帮助设计师整理自己的思路以及清楚地向客户展示自己的思考，同时它是否能为之后的图形设计和开发流程提供清晰的方向和节约整个项目所花费的时间。好的设计需要充分结合客户的需求，同时结合设计师自己的想法和经验优化客户提出的一些不太可行的想法。除此之外，一个好的 UI 设计在一开始并不是以细节博得客户的欢心，而是靠能充分展示自己对该设计的核心理念和想法。

3.如何得到更好设计成果

一个产品开发的过程是设计师和工程师共同努力的结果，想要得到最好的成果，除了融入客户的需求，设计师必须考虑到工程师的工作是否能顺利开展。因此，一些天马行空的奇特想象此时可以克制一些。同时工程师也必须考虑到开发的可行性，在编程开始前充分且经常和设计师沟通完善方案。一个好的开始远比完成后的修补来得简单。

4.放慢自己的节奏

心急吃不了热豆腐，一个好的 UI 设计项目不是几个小时或者一天就能完善的，因此设计师如果能放慢脚步，会发现这一时期是最好的融入众人想法的时期，它能让你的设计快速丰富起来。其次，修改设计图其实是成本最低的一种优化方式，因此你可以结合从大家那里收集来的点子慢慢筛选并使它们完善自己的设计。

此外，准备多个版本的设计稿是非常重要的，如果从一开始到最后只有一份设计稿，作为设计师的你可能要对自己的创造性加上一个“问号”了。对一个需求的解决方案绝不止一种，因此准备多版本的稿件能帮助你对比每个版本的优劣点，从而在最后确定使用哪一个的时候能保证它是你当时能提供的最好的。

5.确定 “版本 1.0“ 到底是哪一版本

当你确定了“最好”的版本，不要急着就认为它就是你要寻找的目标。你现在拿到的是你对这个产品功能的所有想象，但是当它要作为一个产品推出给用户，你需要考虑你的“完美”设计是否对用户也是一种负担。因此，你还需要筛选作为 1.0 的版本，你需要把哪一些功能或者特性首先推给用户，然后在日后的版本更新中慢慢把你的所有想法带向用户，让他们有时间来适应你的设计。你的最初设计也许要在数个版本更新后才能和用户见面。这同样是一个工作量很大的工作，你可能也需要准备多个版本来确定最好的那一个，但是当你经历过这一系列的流程，相信你得到的结果远比你预料的好得多。

不知道这五点建议有没有对阅读这篇文章的人提供一些优化 UI 原型设计的帮助，如果你觉得文章中的内容正是你需要的或者是你没有注意到过的，作为作者我还是感到很欣慰。最后希望新加入设计师大家庭的新成员能在自己的工作中取得丰硕的成果，也创造出越来越多的优秀的 UI 原型设计作品。

推荐原型设计工具：

1 Mockplus

地址：http://www.mockplus.cn

2 Axure

地址：https://www.axure.com.cn/

3 UXpin

地址：https://www.uxpin.com/

5 个关键点！优化你的 UI 原型设计相关推荐

ui原型设计工具_UI设计师的工具包，用于专业模型，原型和产品插图
ui原型设计工具 This is a followup to my previous article 这是我上一篇文章的后续 visual tools for UX Designers视觉工具 Too ...
界面原型设计工具开源软件
界面原型图绘制工具 Pencil Pencil 是一款开源的原型图绘制工具,手绘风格的,就像自己在纸上画的那样.Pencil 还可以用来绘制各种架构图和流程图,同时还提供 Firefox 的插件(点击 ...
墨刀原型设计工具101
墨刀是一款UI原型设计工具. 注册并登陆后,创建一个web项目,可以看到以下界面: 其中左边的元素都可以通过托拉拽的方式拖放到中间的界面上.右边是页面列表. 重点介绍: 如何创建交互行为:新建一个元素 ...
在线原型设计是什么？8款在线原型工具助你高效设计！
原型设计是产品经理.设计师和开发工程师沟通最初的产品设想的重要工具. 在线原型通过云端的方式具象化地呈现产品内容.结构及粗略的布局,说明用户将如何与产品进行交互,搭建了产品经理.设计师和开发工程师沟通 ...
腾讯内部转岗_学员故事丨从视觉设计到原型设计，他是如何从UI成功转岗产品的？...
Asher同学是职景0603期学员,前不久取得了同花顺的offer. △ Asher同学收到同花顺产品经理岗位offer Asher同学的转行之路并不是一帆风顺: UI设计师→产品助理→待业一年→产品 ...
微信小程序：二开版优化新紫色UI云开发新款壁纸小程序源码
这是一款由旧版https://airymz.com/3387.html进行优化二开的一个新版本本壁纸表情包头像小程序采用(dcloud云开发)所以无需服务器与域名无需服务器.无需域名.云开发直接上 ...
二开版优化新紫色UI云开发新款壁纸小程序源码支持用户投稿在线审核
本壁纸表情包头像小程序采用(dcloud云开发)所以无需服务器与域名无需服务器.无需域名.云开发直接上线特点:支持用户投稿,后台审核后会发订阅消息给用户提示作品审核状态,增加用户粘性,支持后端修改 ...
从三个角度分析，UI设计师为什么要学习产品原型设计？
UI设计师是随着互联网的发展以及用户体验度提升而诞生的新兴职业,和平面设计师相比,UI设计更注重交互设计,所需要掌握的技能更多,从业人员薪资也更高.产品原型设计是UI设计师日常工作的重要组成部分.下面 ...
uidesigner android控件库,uidesigner(腾讯内部软件原型设计利器UI设计软件)v2.5.5.1官方版-独木成林...
UIDesigner软件在设计界面的时候,交互设计师或者产品经理等常常需要使用一些工具如:Visio.Axure RP.Flash或者OmniGraffle等)制作出静态稿或者原型来表达设计思想. U ...
软工实践原型设计——PaperRepositories
软工实践原型设计--PaperRepositories 写在前面本次作业链接队友(031602237吴杰婷)博客链接 pdf文件地址原型设计地址(加载有点慢...) 结对成员:031602237 ...

5 个关键点！优化你的 UI 原型设计

5 个关键点！优化你的 UI 原型设计相关推荐

最新文章

热门文章