移动端app的发展,移动设计开始变得越来越重要,在创造出功能强大应用的同时,也要为用户创造良好体验。

了解你的市场

设计移动端应用的第一步,是真正地熟悉和了解手机。我发现自己在设计移动应用程序的最大优势之一,就是多年来一直是重度手机用户。在成为设计师之前,你应该尝试成为一个用户,通过使用设备及其app,你将更容易理解app程序的需求和问题。

开发app程序和桌面app甚至网站之间的最大区别在于——环境背景,这正是这些app程序如此强大和有趣的原因。每个app都有自己的用途,会在特定的时间和地点使用。如果你正在创建一个餐厅指南,那么你将希望创建一个能够在最短时间内向用户显示最相关结果的内容,因为用户可能正在街上或在路上,想被快速推荐一个地方。这为移动开发中的创新提供了很多可能性,作为一名设计师,你应该随时了解并测试最新的app,以便了解正在创造中的app的最新情况。

下载并体验多个app,因为这种用户体验绝对是你设计一款功能丰富、功能强大的app程序时最重要的事情之一。不要把自己限制在自己的设备上,也要尽量了解其他设备。你可以查看每个市场中app的屏幕截图、iOS版app商店、Android版谷歌游戏。我建议你考察一个app,以及该app如何跨越移动平台,这样你就可以看到每个平台之间的风格和差异。

你还应该参考每个平台的设计指南官方文档,因为每个平台都有自己的风格和遵循的指南。你可以查看iOS人机界面指南、Android用户界面指南。

视觉灵感

移动生态系统是在实验和创新的基础上不断变化和发展的,每天都有很多方法被设计出来。从阅读app,到照片共享和工作效率以及待办事项列表应用,用户可以使用各种各样的app。根据app的目标和环境背景,这些app中的每一个都有特定的视觉样式和色调。

视觉知识是每个设计师在任何领域都应该提高的。在移动设计中,我相信它更重要,因为每天都会产生一个新的界面,一个新的设计模式,一个新的移动风格。通过观察和分析其他设计,它能为你提供更好的知识和更多的视觉信息,以服务于你自己的项目。

视觉灵感这不仅是因为你的app的外观,还因为用户与它互动的方式。尝试学习所有可能的手势,了解用户希望如何与app交互,问问自己什么是完成动作最简单、最自然的方式,以及如何才能在这方面真正创新?

移动设计模式

在开始设计之前,你应该研究现有的移动设计模式,并考虑用户期望的设计。我会给你一个小小的解释。

设计模式被定义为对软件设计中常见问题的通用可重复解决方案。

在这些模式中,你可以研究和分析各种界面,菜单和导航,并根据内容和应用目标将它们用作移动app设计的基础。 有多种方法可以在移动设备上完成相同的操作,而设计师则需要设计和选择最有效的方法。 设计模式确实非常有用,因为你可以通过简单的方式查看已经存在的解决方案及其对界面的影响。 在这里,你将首先从头脑中测试这些布局,然后考虑哪种方法更适合你的app,然后从头开始设计。

问自己这些问题:“我的app的主要目标是什么?“,”我的app中最重要的部分有多少?哪些是最重要的部分“,”在整个app使用过程中,用户应该执行哪些操作?“。这些问题将帮助你选择模式并定义app基本布局。

开始设计

在经历熟悉、测试、观察、启发、比较的阶段之后,了解了你能做什么和应该做什么,就可以开始你的设计了。但千万不是一开始就去Photoshop里跟像素较真儿,先思考、创作原型草图,以及迭代几次。

对于草图,你可以获得一个iphone草图簿来帮助你在iphone网格中进行设计,或者只需下载其中一个免费模板并打印出来。这将有助于你将你的设计理念直接绘制成iphone的布局,并在纸上预览。

在绘制了一些草图之后,你可能需要构建app的基本版本,即原型。有很多原型app可以帮助你,但是一定要选择一个已经有iphone模板的app,这样你就可以轻松地通过拖放元素来构建你的app框架,从而了解你想要实现的目标。

最后

因此,这些是立即开始设计移动应用程序的最重要内容。和往常一样,每个人都有自己的工作流程和喜欢的app,所以尽量选择你的平台、你喜欢的设计软件、你的模板,开始在移动设计领域发挥创意。

设计完成后,尽量与开发人员密切合作,确保你的愿景和设计完全按照你的想象进行开发,这样你就可以帮助指导开发人员并将所需的所有物料提供给开发人员。正如在web开发中一样,这是一项棘手的工作,有时也很无聊,但必须这样做,才能使最终产品完全符合你的要求。开始去设计一款手机端移动产品(app)吧~

本文转自由墨刀编译自António Pratas的Designing Mobile Apps, Where to Start?

产品设计指南:如何从零设计一款手机端产品(APP)?相关推荐

  1. UI设计:使用PS(Photoshop)绘制一款电商类App

    UI设计:使用PS(Photoshop)绘制一款电商类App 一.设计理念 1.小智电商App主要进行的是自行车的交易 2.小智App只要以紫色系为应用的背景色,其中包括紫色的一个渐变和添加一定的透明 ...

  2. 进阶篇:4.3)DFA设计指南:防错设计( 防呆设计)

    本章目的:每一个装配步骤都有设计防错. 1.前言 关于防错设计,作者有想说的话: 1)防错设计是DFA重要的一条.因为太过重要,作者单独开一分章写! 2)只有理解了设计防错的重要,才会去设计防错特征. ...

  3. 有助于改善睡眠的产品有哪些,效果最好的五款助眠产品

    晚上经常失眠,在一定程度上是属于有一定的睡眠障碍,这个状况,在每个年龄段的人群都会有发生.每个年龄段都会有自己失眠的困扰,当我们遇到失眠症状时,我们可以做一些什么事情来改善睡眠状态,提高睡眠质量呢?下 ...

  4. keil5图标变成白色_设计师必看的图标设计指南「下」

    书接前文,图标设计指南下篇. 我们了解了 icon 的基本知识,那么如何设计一个好的 icon 呢?怎样评判我们的 icon 是否合适,是否贴合整个产品呢?我们需要了解什么才是一个好的 icon . ...

  5. SIM7600CE模块UART设计指南

    SIM7600CE模块UART设计指南 下图为参考设计. UART满调制解调器: UART零调制解调器: 模块UART为1.8V电压接口.如果用户的UART应用电路为3.3V电压 接口时,应采用移电平 ...

  6. 制作一个状态栏中跑马灯效果_图标设计指南(3)——制作一个图标集所需全部信息(中)...

    本文翻译自图标设计专家Justas Galaburda写的图标设计指南.本文主要介绍制作一个图标集所需全部信息(中).翻看同系列文章,直接到文章最底部. 制作一个图标集所需全部信息 上次我们介绍了我将 ...

  7. unity游戏开发之如何通过用户研究帮助手游产品成功?

    报道 / 2月5日,腾讯IEG市场专业性传播媒体沟通会在深圳召开.腾讯互娱市场部用户研究团队负责人吕品现场分享了腾讯的用户研究团队是如何为端游.手游做用户研究分析的. 腾讯互娱2011年1月成立市场与 ...

  8. 从产品经理的角度,看手机端语音助手

    从产品经理的角度,看手机端语音助手 本文从PM的角度对手机端语音助手进行了思考,包括当前市场情况.PM在设计产品时的思路等. 一.手机端语音助手的现状 苹果siri的出现,带动了手机端智能助手的发展, ...

  9. 写了10篇产品分析后,我似乎知道怎么做一款短视频产品了……

    作者:晓铎 全文共 11069 字 7 图,阅读需要 24 分钟 ---- / BEGIN / ---- 这篇文章是笔者从未尝试过的一种风格,就是偏总结归纳式的.文章中也没有引用太多的数据佐证,大多是 ...

最新文章

  1. tomcat报 Context [] startup failed due toprevious errors
  2. 0.7秒,完成动漫线稿上色
  3. 初识前端——个人总结
  4. linux 系统 安装 nginx 服务
  5. java 自定义注解获取_Java自定义注解
  6. 微型计算机每字节的最高位时,计算机应用基础考试题加答案
  7. Cannot find or open the PDB file
  8. 新视界V7聚合影音影视系统源码开源 Thinkphp内核后台 带安装说明
  9. SharpHsql -- 只适合用于演示数据的数据库引擎
  10. js textarea 显示html代码,将Textarea文本设置为正确格式化的HTML代码与jQuery
  11. SIEMENS报到第一天
  12. www计算机会议影响力
  13. MFC ScreenToClient坐标转换错误
  14. Aho-Corasick automaton(AC自动机)解析及其在算法竞赛中的典型应用举例
  15. 跟着团子学SAP:售前项目、项目前期管理思路
  16. 把期货当现货做,专业投机大局观
  17. 深度学习-lecture2(图像分类)李飞飞计算机视觉
  18. RGB(三色)灯配置常用颜色数据,用法讲解,基于C语言的程序讲解,七彩渐变程序讲解
  19. 关于Service抛出异常事务不回滚的原因和解决方法
  20. 1000张动漫萌妹子次元系人物素材图,可做壁纸头像

热门文章

  1. 背完这10个经典面试答案,80%的面试都能喜提offer
  2. jquery实现截取pc图片_Cropper.js 实现裁剪图片并上传(PC端)
  3. Unity3D说明文档翻译-Preferences
  4. NBUT 1225 NEW RDSP MODE I(找规律)(快速幂)
  5. 高校GIS系统有何作用?
  6. ​iPhone 14 Pro 全系降价 700 元;Gmail 之父:有了 ChatGPT,搜索引擎活不过两年了|极客头条...
  7. NOIP2008 ISBN号码(一桶水)【A005】
  8. maven打包报错scalac error: xxxx\target\classes does not exist or is not a director
  9. tailwind css的使用
  10. 银河麒麟踩坑笔记——打包QT程序