美文网首页互联网产品UI·交互设计互联网科技
设计师在做设计稿前应该做哪些准备工作?

设计师在做设计稿前应该做哪些准备工作?

作者: UI严选 | 来源:发表于2017-06-25 21:35 被阅读712次

前面几篇U妹都讲了《一款APP设计的从0到1》这些系列文章,总共6部分,目前为止已经讲了前4个部分,还剩下视觉还原和上线准备篇,今天插播一下关于APP设计时该做的准备工作和一些设计师必须要知道的UI常识

一般来说,移动UI界面设计包括两个方向,分别是图形(视觉)设计和交互设计:

1、视觉设计主要负责这个UI看起来是否美观,是否有设计感等等;

2、交互设计主要负责这个UI用起来顺不顺手,上手容不容易等等。

更重要的是移动APP UI 设计的魅力在于,你不仅需学会使用一些合适的技巧,更要有效的理解用户与程序的交互关系。一个有效的用户界面关注的是用户目标的实现,包括视觉元素与功能操作在内的所有东西都需要完整一致。

1、如果你正要开始设计一款移动APPui界面设计的时候,如何来进行一些基本的准备工作呢?

① 一定要玩机器,玩APP。包括iOS、Andorid、ipad、watch等等智能设备。

② 熟悉各个平台的界面设计规范。

③ 学会欣赏几款不错的APP设计或者是好的APP设计模板

④ 无论是你设计多大尺寸的UI,一定要有一台测试机也就是说必须真机测试。

⑤ 将review做为移动UI工作的一个阶段。

(备注:review就是评论、反馈的意思。这就是说,我们移动APP UI设计完成一些模块之后,一定要进行阶段性的评审和总结,修改、反馈。)

⑥ 培养一个靠谱的程序小伙伴。向一些有经验的客户端程序员学习和了解更深的设计规范。

2、下面就是我们作为一名移动APP UI设计师,必须了解的一些APP UI设计原则

① UI设计的一致性

用户来到你的APP,脑子里会保持着一种思维习惯,你的 UI 需要保持一致,以免用户的思维方向被打乱。

② UI设计的流畅性

你应当分析一下,自己的站点是否容易导航。用户应当可以自由掌控自己的浏览行为,确保他们能从某个地点跳出,能够毫无障碍地退出。不会让你的用户在你的设计作品当中迷路。

③ UI设计的群体特征

要设计有效的移动 UI界面,必须对你的用户群有所了解,不同的用户阶层对不同的设计元素有不同的理解,17~25 岁年龄段的人,和 40~55 年龄断的人有不同的喜好。

④ UI设计的简洁性

UI 设计越简单,用户体验越好,不要滥用设计元素,不要使用拥挤的界面。目前来说,很多手机APP设计的非常简约,简约设计可以增强 UI 的易用性,可以让用户不必关心那些无关的信息。

⑤ UI设计交互要合理性

最好的设计不是用来看的,是用来体验的。如果交互做的很差,谈何体验。而且不要混杂多种交互效果在一个页面,会让用户感觉太“刺激”而反感。

3、设计师必须要知道的一些常识

我觉得设计师都应该要知道一些公司其他部门的工作内容,起码找人讨论不会抓错对象。本文整理出较常见的各种缩写和定义。主要是给设计师看的所以简单说明,想深入理解可以参考 SA / SD / RD / PG / PM / DBA / MIS (自备梯子)这篇和 Wiki,网络上也有许多文章介绍各个职务的工作内容。

PMProduct Manager    产品经理

针对某一项或是某一类的产品进行规划和管理的人员,主要负责产品的研发、制造、营销、渠道等工作。

(管进度、各部门沟通协调、被客户骂、和程序各种撕)

SASystem Analyst    系统分析师

通过需求分析确认系统的需求,并进而形成系统产品设计的人。 通常他们也会涉及可行性评估、项目管理、开发前评估、需求验证等工作。

(简称:这个系统要做什么?)

SDSystem Designer    系统设计师

根据领域模型,再配合实体的平台,考虑其效能、稳定、分散与安全性等,所建构而得的软件规格。

(简称:这个系统要怎么做?)

PGProgrammer程序设计师

从事软件撰写,程序开发、维护的专业人员。以某种程序语言为工具,给出这种语言下的程序。包括分析、设计、编码、测试、排错等不同阶段。

(最常被叫做码农或程序猿的职业。)

RDResearch & Development engineer     研发设计工程师

广义:是一种工作类型,凡是研究或开发的人员都算,包含 SA、SD、PG。

狭义:真正在作研发的单位,搞创新,很烧钱,还不能确定产出。

MISManagement Information System    网管人员

工作范围包含利用计算机硬件、软件和网络装置,进行讯息的收集、传递、储存、加工、整理的系统,以提高组织的经营效率等等。

(俗称管机器的,大至主机断线小至个人计算机蓝白画面四国语言都会出动他们。)

QAQuality Assurance    质量保证工程师

通过建立和维持质量管理体系来确保产品质量没有问题。

QA的目的,是要在产出产品的过程中,使用正确的方法来进行,而 QC 的作用,则是当产品完成时,会去检查所产出的产品是否正确。

Planner:企划

负责构思目标、分析现况、归纳方向、判断可行性,一直到拟订策略、实施方案、追踪成效与评估成果。

(如果懂技术和实作会让很多人不用加班加到死。)

Sales业务

专门做销售营销的工作者,负责将公司之产品销售给客户。

(某些时候要把产品卖掉会夸大其词,然后实作人员就哭了。)

F2EFront-End Developer前端工程师

主要负责写 Html、CSS、Javascript,接 API…等等。

(要和设计师合作、常常想翻设计师的桌,偶尔会拿到 PS 直出的 HTML,比表格排版还惨…基于上述原因,切图常常变成是 F2E 的工作。)

UX/UEUser Experience Designer    用户体验师

设计流程包括:目标用户设定,满意度的范围和主题设定,用户需求的功能,互动研究,系统回馈和最终的报告与成果。

(应该是整天和数据玩、做实验、写报告的一群人,不过都大多抓去画 Flow 和 Wireframe。)

UIUser Interface Designer,用户界面设计师

应该是画 Flow 和 Wireframe、设计接口的人。

(常常和 VD、UX 混在一起讲,能明确定义并区分的人和公司很少。)

VDVisual Designer

拥抱Photoshop、Illustrator、Sketch…绘图软件的人,退件修改和熬夜是基本。

希望这篇文章大家可以学以致用。

因为设计师不是艺术家,不像搞艺术的那么随性。因为设计师设计的产品是给人们用的,关乎每个使用者的感受。艺术家不用考虑观者的感受,只管倾述自己的内心世界并充分展示个性。设计师注定背上神圣的使命——设计,让生活更美好。

最后,附上完整的APP设计和开发流程:

项目启动→建立产品原型→形成效果图→进入研发阶段→研发成功后进入测试阶段→测试过后将问题反馈给研发人员进行调整-→多次测试确认没有bug。

如果在工作中,遇到问题,多和开发沟通交流,良好的沟通才是解决问题的唯一方法,下期U妹继续《一款APP设计的从0到1系列之:视觉还原篇》,我们下期再见!

相关文章

  • 设计师在做设计稿前应该做哪些准备工作?

    前面几篇U妹都讲了《一款APP设计的从0到1》这些系列文章,总共6部分,目前为止已经讲了前4个部分,还剩下视觉还原...

  • 工作总结

    制作高效PPT前该做哪些准备工作 做PPT前你真的准备了吗? 我相信大多数人在做PPT前都没做准备,制作一份PPT...

  • 设计笔记与文章整理

    UI设计师主要做什么 拿到低保真原型后,设计师应该做哪些事情? 设计流程 UI设计的的工作流程 UI设计的基本流程...

  • (67)关于学习设计师的一些思考

    培训管理者如何才能实现从培训专家向学习设计师的转变? 学习设计师应具备哪些能力素质呢?学习设计师为什么可以说是企业...

  • iOS字体字号对应的设计ps PX字号

    在做项目时,会遇到设计师给的设计稿标注字体大小是用px标注的情况。为了方便快速查询到设计稿的字体大小对应iOS端字...

  • 写作前该做好哪些准备工作?

    其实就像写现在这篇文章,也是要做准备工作再开始的,有充分的准备才能下笔如有神。 今天分享自己领悟的写作前这些准备:...

  • 设计师快速突破手绘能力的五个关键点

    为什么设计师一定要掌握手绘能力 首先,一位优秀的设计师在做设计时几乎一定会用手绘草图去创建设计的第一稿。因为在纸上...

  • 神一样的产品经理-管理需求

    获取用户需求之后,评估哪些需求该做,哪些不该做;是现在做还是以后做;如果是现在做,哪些需求先做,哪些需求后做。从需...

  • 交互自查表

    直接进入重点,交互自查表让交互设计师和视觉设计师再提交最终完整设计稿前,反复走查,确保任务流程的完整流畅,交互细节...

  • 新媒体:要对一个网站进行seo的工作前,准备工作做足四点不担心

    在做seo的时候最应该做的准备工作有哪些? 域名的选择 域名在挑选的时候,要考虑以下几方面:第一,域名尽量简短...

网友评论

  • 花样棉花:写的好棒
  • d31da48cabd4:喜欢你。学到了很多知识
    UI严选:一起加油,欢迎关注我的同名个人微信公众号:UI妹儿,等着你哦:joy:
  • 纞唯伊:找个 UI 的妹子做女朋友是什么体验,好想知道,虽然我们公司的 UI都长得很高冷.
    UI严选:@纞唯伊 还真有这种事,惊呆了,禁止办公室恋情,太不人性化了:smile:
    纞唯伊:@UI妹儿 可以的,这波很 nice. 我们公司不让员工之间谈恋爱,谈了,其中一个必须要离职.:sob: ,只能找其他公司的了...
    UI严选:哈哈,找个UI设计的女朋友就是这种体验,http://mp.weixin.qq.com/s/oXeFG_Vydu2uXmv1W554HQ,你看看:smile:
  • UI严选:一起加油啊,哈哈:smile:
  • 谁说我是小小云:好棒棒的U妹(⁎⁍̴̛ᴗ⁍̴̛⁎)
    UI严选:谢谢鼓励,你也可以关注一下我的个人微信公众号:UI妹儿,期待你的到来:smiley:

本文标题:设计师在做设计稿前应该做哪些准备工作?

本文链接:https://www.haomeiwen.com/subject/uiwrcxtx.html