设计师就业衔接班!45天 PS、AI、AE 从入门到入行 详情戳>>>
线框图看似简单,想做好却不容易。本文总结了 7 个实用的线框图设计技巧,来收!
编者按:Nick Babich 这两年文章产量比以前低了不少,不过素质和出发点倒是一直非常发人深省。在文章结尾的 One More Thing 当中,我加入了一些关于乔布斯早期对于原型设计的一些「激进」的看法,也许这是原型设计的未来的一个方向,也说不定。
Z Yuhan:作为一个经历了「全栈 -> 非科班 -> 海归学院派 -> BAT」的交互设计师,我也算是阅读和学习过各种类型的资料了。有一个问题长期默默困扰着包括我在内的很多交互设计师,然而却从未受到应有的关注,那就是交互方案应该画到什么程度?
“为了设计这个产品的UI我们已经设计了线框图、原型,没有时间和精力再在这当中加一个环节了!”对于UI设计流程,我想你没少听到这样的抱怨。
孙梦超:我自己也曾经历过「交互设计师到底有什么用,感觉就是一个画线框的,需求下来画原型,画交互稿,然后面对质疑,撕逼或者改原型。好像只要会Axure就能做交互设计师」的阶段,所以写了这篇文章,希望大家都能成为真正的设计师而不是沦为“线框仔”。
@墨刀_MockingBot :Wireframe,Prototype,Mockup 三者经常被混用,很多人把三者都叫原型,真的是这样吗?今天这篇文章,我们来帮你看看三者到底有何不同。
编者按:初级设计师的设计流程和高级设计师有什么区别?一组线框图就能看出来!
给网站设计原型是一个全面系统的过程,在此过程中你需要拿出一套线框图并确保基本的交互功能。单纯的线框图可以是静态的图片,甚至可以是手绘的草稿,但是原型大多是动态的,可交互的,至少主要的页面和功能能基本呈现出来。
编者按:优秀的交互设计师在画线框图前会做什么?今天网易高级设计经理@我是阿智 给同学们分享他的开工前会执行的3个流程,可以快速帮你了解问题并做出解决方案,非常实用,建议阅读。
编者按:许多设计项目是从线框图的设计开始的,但是真正专业的线框图到底要经历哪些步骤呢?今天这篇来自UXPin设计师Faye Bridge的文章,帮你总结了一套实用的线框图设计五步法,帮你从最早的阶段奠定整个项目的基础~想要让整个数字产品或者设计项目结构化,线框图是它最早也是最重要的组成部分。
之前我们提及新设计工具的时候,常常会将它们视作为PS、AI这类传统劲旅的附庸,即使是日渐强大的Sketch也因为Mac平台独占而无法更大范围地替代PS的稳固地位。可是前赴后继的新设计工具真的都那么鸡肋么?
编者按:今天的线框图包括两个部分,网页端和移动端。元素特别齐全,格式也从AI、PSD到Sketch都有。
编者按:本文作者Jerry Cao是UXPin的内容决策者,也是UXPin 这款在线线框图/原型工具的在线内容开发者。如果你想学习设计原型的思路,熟悉相关工具,以及完整的设计流程,那么你可以下载UXPin精心制作的《原型设计终极指南》(英文版)。
@小轰同学 :两三年以前,我发现很多搞信息技术的朋友们(非设计师)交付设计时,用着上面列出的词汇。他们以为线框图 (Wireframe)、原型 (Prototype)和视觉稿(Mockup)是一个东西:表达自己创意的线框手绘设计稿。
有很多同学在把设计稿辛苦做完给到总监确认的时候,有没有被他批评说:这不是他要的。或者被客户说,你怎么做成这样了。
编者按:这篇文章出自UXPin的首席执行官Marcin Treder。编译:@陈子木线框图并非是原型,但即使是经验丰富的设计师也可能会将两者混为一谈。
设计师们开始制作网页的时候,在没有灵感的时候,除了在设计达人网上找灵感外,往往是从设计草图开始画啊画啊 ~ 画出自己想要的样子,然后再从 Photoshop上开始设计。今天发现在 designbeep 上整理了一些设计师画的一些草图,也可以称作”原型图”,大家可以看看国外的设计师们是怎样画的,或者参考他们用什么笔、本本什么的 ^_^相关推荐: 《掌握这10条设计理念!
当开始进行新项目时,一般都会起步于线框图。本文收集了大量的线框图设计工具和套件。
作者:@刘津legene 通过工作中的观察与总结,我发现不少新人交互设计师以及产品人员,在画线框图时都会忽略一些重要内容,导致和视觉设计师的沟通成本增高、返工增多、 工作效率下降、设计质量下降等重要问题。为了解决这些问题,一方面需要加强沟通,另一方面还需要多站在视觉的角度考虑线框图的设计,使大家的配合更默契。
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去,只要从一般人认为的试一下得到正确的反馈,那这个按钮就不需要多余的设计。只需要告知用户变换的过程,用户自己也会逆向思考。
确实看着舒心了不少
此交互文档系列源文件下载链接:https://fuzuobiao.com/proview/605467573b63c51de6e4b7bf
这种极光模糊是近视眼真实的世界
感觉在上班的时候真的能练习贼少,也是盲目找图临摹,要难受了!!!(本人非专业艺术生)
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去,只要从一般人认为的试一下得到正确的反馈,那这个按钮就不需要多余的设计。只需要告知用户变换的过程,用户自己也会逆向思考。