-
让品牌有温度、有情感
专注品牌策划15年
低保真app界面设计（app低保真图）
发布时间：2023-04-22 03:04:04
稿源：
创意岭 阅读：
122
大家好！今天让创意岭的小编来大家介绍下关于低保真app界面设计的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
专业抖音报白团队，全类目报白，下店付费！服务客户遍布全国，咨询相关业务请拨打电话：175-8598-2043，或添加微信：1454722008
本文目录:
宜兴UI设计培训UI要学什么内容/宜兴UI培训
Sketch （UI设计师必学杀手级技能，UI设计利器）：APP低保真原型设计、高保真原型设计、APP界面设计、标注、切图... Adobe Photoshop：图标设计、照片处理、电商设计、Banner设计、网页设计、APP界面设计 Adobe illustrator：图标设计、插画设计、平面设计、企业VIS、三折页、单页、展架、原型 Adobe After Effects：交互动效设计、动画、GIF动图设计、APP交互设计、视频制作渲染 Adobe Dreamweaver：网页布局、企业网站项目、HTML 5 、CSS 3 、微信公众号、淘宝店铺 Axure RP Pro：线框图、网页／APP原型、交互设计、高保真原型、APP演示搞DEMO XMind：思维导图、流程图、头脑风暴 Ps Play：移动设计同步工具 Mockplus：APP演示搞DEMO、原型图 Cutterman：iOS、Android切图 MarkMan：尺寸标注、字体标注、颜色标注 POP：纸上原型工具如何从零开始设计一款漂亮的移动APP
我13岁时开始学习平面设计。我从网上课程学会了设计网站，并习惯于全天使用Photoshop和Affinity Designer进行设计。那些经历教会了我如何像设计师那样思考。
我设计和开发应用程序将近有一年时间了。我参加了麻省理工学院的一个项目，与一个团队合作开发Universeaty。 两个月前，我开始研究一个新的应用程序-Crypto Price Tracker，这款APP我会在1月28日发布。
在这篇文章中，我将配合实例说明我在从事应用程序设计时的一步一步的过程。这应该对任何想学习或改进数字设计技能的人有所帮助。设计并不是全部了解如何使用设计软件，这篇文章也不会教你如何使用软件。网络上有数以百计的优质教程资源可以教你学习如何使用设计软件。想做好设计，你需要理解你的产品，熟知它的特点和功能，以及在设计时始终将终端用户放在心里。这就是这篇文章的意义所在。
设计过程：
1.为每个页面创建一个用户流程图。
2.创建/绘制线框图。
3.选择设计图案和调色板。
4.创建模型。
5.创建一个动画应用程序原型，并要求人们对其进行测试并提供反馈。
6.给出最后调整确定的模型，并交由开发按原型编写代码。
我们正式开始吧!
用户流程图
第一步是想出在你的应用程序中想实现的功能。一旦你有了你的想法，设计一个用户流程图。用户流程图是用户通过app/网站进行访问的一个非常高级的表示。
通常，用户流程图由三种形状组成。
矩形用于表示页面。
方块用于表示决策(例如，点击登录按钮，向左滑动，缩放)。
箭头将页面和决策连接在一起。
用户流程图是非常有用的，因为它们给出了应用程序如何运作的良好逻辑思路。
下面是我在开始设计应用程序时绘制的用户流程图。
主界面的用户流程图。
线框图
一旦你完成了每个页面的用户流程图并设计了用户路线，你就可以开始为所有页面做线框图了。线框图在本质上是以低保真度形式表示你的应用程序外观。基本上是图像，标签，按钮，和其它元素的一个草图或一个轮廓，这些元素都会在页面上做好布局和定位。你的应用程序的草图会体现它是如何使用的。
我使用UI模板打印的模板来绘制线框图。 它既可以节省时间，而且给为我提供了一个很好的画布来绘图和做笔记。
下面是我绘制的一个线框图例子。
主界面的线框图。
绘制好线框图后，你可以使用一款名为Pop的应用程序，并使用该应用程序将草图拍照存档，再通过「连结」(link to)的功能，将一张张草图串联起来，就能直接在手机屏幕上展示原型实际运作的样子。
设计图案和颜*调*板
这是我最喜欢的部分。这就像逛街一样。有大量的设计图案和调色板可供选择。我可以去选择我喜欢的，并感受它们给我带来的视觉效果。
寻找设计图案的最佳平台是Mobile Patterns和Pttrns。想要找到好的调色板，你可以去“ Color Hunt”平台。
创建模型
这是当你最终使用设计软件的时候了。设计意义上的模型是以高保真的形式来表示你的应用程序。这就像你将来实际使用时进入这个应用程序，然后你从这里面做一些截图。它看起来应该很现实，非常像真实的东西。
有一些用于创建模型的设计软件和工具。我使用Affinity designer来创建模型。iOS设计中最常用的工具是Sketch。
下面是我早期设计APP中的一些实例。
我使用了各种各样的调色板来进行设计。
我给我的朋友分享了最初的模型，以获得他们的反馈。很多人似乎更喜欢黄金渐变和黑色背景。
我愿意接受更多的反馈并尝试新的建议!想获得更好的用户体验的方法是多与终端用户交流。当你与终端用户交谈时，你会发现用户有很多奇妙的想法，而不是去疯狂地翻阅Dribbble或Behance。
所以我重新设计了模型并删除了背景图，因为生成它们在技术上是一个耗时的过程，除此之外，它们还降低了可读性。下面就是我重新设计模型后的样子。
黄金渐变和黑色背景看起来非常不错!
我对这套颜色方案、标签栏上的图标和整体布局都非常满意。我继续按照相同的设计指南设计了其余的页面。这是一个漫长而有趣的过程!
一旦我的页面准备就绪，我就在Adobe XD上制作了一个原型，并请几个朋友进行使用并给出反馈。
经过最终的润色，下面是我确定的设计界面。
App 产品原型设计用什么软件
看你们团队的需求怎么样呢。中低保真的App原型的话，Mockplus就不错。提供大批的组件、模板、图标和样式选择，App界面设计基本能够轻松满*。*互拖拽就可以实现。对于团队人数较多，需要协作设计和迭代的， 它的团队协作和管理功能，也是很有用了。最近新推出的在线版本，还可以随时随地在线编辑，无需下载或存储， 更方便。
高保真类型的原型的话，Sketch之类的软件就不错。 但可能交互方面就要差点了。
以上就是关于低保真app界面设计相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服（13067763222）进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
杭州北极星文化传媒有限公司（杭州北极星文化传媒有限公司电话）
赣公网安备 50019002502384号
