设计师就业衔接班!45天 PS、AI、AE 从入门到入行 详情戳>>>
本文聊聊设计师的故事——新手设计师职场常入的 5 个误区,帮你成功避坑成为优秀设计师。
不知道你有没有这样的经历:为了不让原型图看起来太丑,会纠结各种细节处理(间距、大小),结果造成工作周期延长,精力损失。为了让原型接近于真实效果,会思考各种精致布局,结果 leader 来一句「你现在做这么好看干嘛,这个功能都没确定好。
完整的 UI 设计流程到底是怎样的?从需求到产品上线,要经历多少个阶段,每个阶段有哪些应该掌握的基础知识?
Cezary Ołowski :如今各大公司在产品功能竞争上,比起之前口若悬河的宣传,现在更多的是将功能直接展示出来。相信你也有过这种经历,有时用言词解释某些 idea,倒不如在白板或者纸上写下来更省时、易懂。
Axure 制作 toB类项目的 Web端原型比较常见,可以将原型做得非常系统、交互逻辑逼真,适用于大部分测试和演示等场景中。甚至很多设计师直接使用 Axure 制作高保真原型,对于这些设计师,尺寸标注成了一大难题。
首先需要了解交互稿和原型图的联系与区别:按照常规的工作流程,交互设计师最终交付的产物包括任务流程图、信息架构图、页面原型图、页面交互说明、页面流程图,这些都可以归纳到交互设计文档中。因此原型图只是交互稿的一部分,本文将铺开阐述设计规范的原型图应该注意哪些。
编者按:Nick Babich 这两年文章产量比以前低了不少,不过素质和出发点倒是一直非常发人深省。在文章结尾的 One More Thing 当中,我加入了一些关于乔布斯早期对于原型设计的一些「激进」的看法,也许这是原型设计的未来的一个方向,也说不定。
可能有很多人并没有用过 Figma,甚至都没听过。所以,我先简单介绍一下这款软件。
最近一直在关注设计系统,恰逢笔者正准备毕业,毕业设计就索性开发了一个模块化组件搭建界面原型的 Web 工具 —— Atomframer 。通过对设计模式的选取,三分钟即可搭建一个用于快速沟通的界面原型。
对于用户而言,网站不仅仅需要有优美易用的布局和漂亮美观的图片,网站的细节和整体体验都要足够突出,才能让人印象深刻。你想让访客去哪里,希望他们看到什么,以及如何让他们顺利地获得想要的信息,这都是设计师需要借助各种工具和技巧来实现的事情。
怎么样的原型图才算是专业的原型图呢?文章总结了一些经验,希望对你有所帮助。
Echo :本文将以酷狗K歌ios版(虚构)为载体举例说明,什么样的原型图才能算得上专业而细致?希望各位可以很清晰的感知这套方法。
Echo :一个优秀的交互设计师,一定要从用户目标出发。了解用户的核心痛点,满足用户的需求,只有这样才能打造一个好的产品。
编者按:《从零开始设计App》系列到这篇已经是第三期了,上期是低保真原型图,这期@Sophia的玲珑阁 聊聊如何从零开始制作高保真原型图和UI 设计规范。往期回顾:《设计师怎样从零开始设计一款APP?
@Sophia的玲珑阁 :这个系列的文章把整个设计过程的经验总结成文,逐点分享,上期是概述+立项,这期聊聊低保真和高保真原型图的作用、处理工具和文件要求等。Low-fi,即低保真原型图,整个APP设计阶段,设计师真正开始上手的环节。
雨涵:对设计菜鸟来说,低保真原型测试可以帮你快速提升设计能力、填补一切设计理念的漏洞、获知难以察觉的细节问题、说服别人接受你的设计等等,作用极大,而且用文中的方法,2天就可以搞定。适读人群:交互设计师、用户体验设计师、UI 设计师阅读时长:约6分钟什么是低保真原型测试低保真:线框图低保真原型:可交互的线框图低保真原型测试:用可交互的线框图做的用户测试说详细一点点,就是交互设计师在线框图阶段就可以完成的用户测试。
对于许多刚刚开始接触原型设计的设计师而言,很容易混淆线框图(Wireframe)、视觉稿(Mockup)和原型(Prototyping)这三个基本概念。在许多项目和相关文章中,这些概念经常被混用。
编者按:设计网页或者APP的过程中,为什么一定要设计原型呢?能不能不做原型直接设计并开发出产品呢?
@C7210 :在VR领域,传统草图形式已经难以提供前期探索阶段所需的灵活性与便捷性。而POV纸质原型的宗旨在于以尽可能灵活快捷的方式实现VR环境设计目标, 一方面可以展现场景的全貌,同时又允许我们透过用户的视角去观察虚拟环境及其中的互动元素,本文便是相关的实战经验汇总。
所以,公司要求p章咋拒绝呢?不干的话被公司干掉怎么办?
这就是产品每次只给我一张原型,我能还他一大堆设计图的原因!23333333
感谢作者详尽的总结,帮助非常的大。
写的好详细!太棒了!设计字体一直是我头疼的问题
明人不说暗话,我是来看小姐姐的
所以,公司要求p章咋拒绝呢?不干的话被公司干掉怎么办?