平面设计师和UI设计师有哪3个不同点?

   UI 是「用户接口」,UI 设计指的是「设计用户接口这回事」。设计接口不是只有出张美美的图就结束,这样和平面设计没有差别,也正是为什么 RD 会说「你用平面设计的思维在做 UI」。

  平面设计和 UI 设计最简单易懂的差别就是一个会动、另一个不会动。

  淡入淡出、往左边飞、往右边翻页之类的动态效果。这就是「会动」了?动态效果不过是平面设计师眼里的「会动」,和 UI 设计师、RD 眼里的「会动」完全是两回事,UI 设计的「会动」特指「行为」,包含用户的行为、接口的行为、系统的行为。

  举例

  同样的一项产品,目标族群不同,产品外观也会不同;拿给不同的人使用,也会得到不同的结果。甚至连任务目标(用户想透过产品完成什么事)都会不一样。

  比如这款给婴幼儿训练抓握力、色彩、形状、推理能力用的积木。


  (图片出处)

  到了这部电影里,积木变成「证明丧尸有基本推理思考能力的手段」,而不是训练他的道具。


  (取自电影 恶灵古堡3:大灭绝)

  即使行为相同,使用情境完全不同,操作的目的或动机也完全不一样。

  别忘了下一秒积木就被尝试错误的丧尸给拆了,所以设计给丧尸用和给婴儿用的是不是应该要不太一样?起码要坚固一点吧…

  (以上来乱的请不要认真,我一直觉得这幕非常有喜感…)

  使用者的行为

  使用者是谁?会怎么操作?在什么情境下操作?操作的任务与目的?

  不同使用者有不同的操作习惯、不同的情境、基于不同的动机下进行相似的产品操作步骤,所以在设计一款产品前,UI 设计师会先搞懂目标族群。这一点在许多平面设计师上也能看到他们会进行类似的询问…宣传婴幼儿产品的海报总不能和卖运动用品的 DM 用同样颜色吧。

  但平面设计师不会考虑「使用者怎么操作」这个问题,他们的平面成品在大部份情况下也不太会被操作,所以在成品上只看得到「视觉设计」。

  「为什么 App 上要放 6pt 的中文字?」

  「因为画面这样看起来比较精致啊~」

  若使用者是老年人呢?使用者在什么情况下会使用这款 App ?如果是公交车或捷运上会晃动的地点呢?平面设计师不会考虑到使用者怎么操作,他们理解需配合目标族群不同改变设计,但不太理解情境、操作的任务指的是什么。(或者是他们理解,但觉得美美的画面比使用者好不好用更重要。)

  同样都是计算器,一般人买卖东西算价钱、和工程型,两者会相同吗?就算是望远镜,也分成看星星、打鸟、偷窥之类很多方向啊。

  接口的行为

  引导用户操作并完成任务的手段

  接口常常和互动相提并论,用户会透过操作接口、依据接口的引导完成任务。鼠标移上去要变色、动态效果、进度条、Alert 等等,都属于界面的行为。

  平面设计不会有鼠标移上去跳选单出来,或是操作错误冒出提示讯息,更不会有下载文件的情况。所以他们很习惯无视「提示使用者」、「引导操作」这两大接口设计的重点。

  接口除了互动之外,还包含「信息架构」,也就是分类、标签、导览、搜寻。这 4 项在视觉设计上占的比例不大,吃的是用户的思考逻辑:用户要透过什么方式找到他想要的信息?信息架构在整理内容(图文影音),用用户能理解的思考逻辑把内容组织化。

  不管是 App 或是 Web,表皮上构成的元素就是影音、图片、文字等内容,视觉设计往往只考虑这些元素的排版、呈现样式。所以就变成公家机关网站…该有的都有,但永远找不到目标物。假如「那层皮」经过设计长的美美的,但内容没有整理过,使用者还是大海捞针,猜不透啊猜不透。

  要如何在短时间内引导使用者取得他想要的内容是接口设计思考的重点,绝对不是那层皮画得美不美。

  许多平面设计师抱持旧有习惯,无视信息架构的存在,认为这是 RD 或 PM 的工作范围与自己无关,设计师只要产出美美的图、顾好视觉设计就好,其他如项目流程或 RD 办不办得到能不能实现这个设计的可行性管它去死。

  系统的行为

  程序与数据的运作逻辑

  区分平面设计师和 UI 设计师最简单的方法就是问「数据怎么来?」

  我超爱问这个问题,呆在现场的不知道怎么回答的还有意识到自己在做 UI,会翻白眼的都是半途转行跑去做 UI 又不太想学的资深平面设计师(或是状况外的菜鸟),他们不觉得「资料」在自己要考虑的工作范围内,非常大气地无视「信息架构」的存在。(这里的资深指的不是能力,只是在这行「坐」得比较久。)

  以目前台湾的接口设计非常狭隘地限定在 App 和 Web 上,这两者常常需要和工程师合作,就得考虑数据源的问题。平面设计师不需要接触信息架构,保留这种工作习惯在设计 UI,被问到「数据怎么来?」就翻白眼心里 OS 关我屁事也是很正常的心态。

  为什么 UI 设计师需要知道数据源?举个简单的例子…

  使用者行为:逛网拍打发时间。

  接口行为:显示商品列表。

  系统行为:抓取商品资料。

  使用者做了某项操作但 App 没有任何反应,会不会觉得 App 坏了?假如数据非内建需要从网络下载,从网络抓取数据的同时需不需要提示用户「系统现在正在执行某事」?提示使用者 App 正常运作中,只是动作比较慢。

  那 UI 设计师是不是需要知道图片是内建还是从网络抓取?假如 icon 是内建的、商品图片要透过网络下载,商品图片读取中的状态是不是要跟使用者讲一声免得他以为坏了?

  举个更简单的例子…

  在 iPhone App 使用「华康少女体」。

  UI 设计师第一个要考虑的问题:为什么要用华康少女体?

  第二个该思考的就是系统行为:iOS 内建华康少女体吗?

  当平面设计师(或 PM、Planner)不管数据源系统行为功能可行性什么的,「我觉得这样比较好看啊」、「这样画面比较美」就变成 RD 爆青筋的那根稻草。

时间: 2024-09-19 11:26:13

平面设计师和UI设计师有哪3个不同点?的相关文章

UI设计师即将火爆职场 UI设计行业受追捧

中介交易 SEO诊断 淘宝客 云主机 技术大厅 中国以往有这样一个传统观念,只要自己的子女考上大学才会有能力.有出息,将来就不会为找一份好的工作而烦恼,没考上大学就没什么能力.没什么出息.其实,事实并非如此,有一门好的技术能力才是最吃香喝辣,目前UI设计这门技术就能体现这一点. 可能谈到UI设计大家听起来感觉不是很熟,存在一种陌生感,如果跟大家谈平面设计,相信大家就感觉挺熟悉的.UI就是英语User Interface(用户界面)的简称,UI设计是指对软件的人机交互.操作逻辑.界面美观的整体设计

从车间工厂妹子到华为中级UI设计师的自学之路

  本人94年的妹子,家里穷,没上高中,上了个中专,学了专业是服装设计与工艺,学历这么低,知识浅薄,出来工作后也就是在工厂里做车间工人,当初剪线头流水线做衣服等等都做过. 工厂很累的,时间长又辛苦,而且大部分都是大妈,日复一日,没有出路,看不到未来 那时我才17岁(2011年),骨子里还是不甘的,然后做了一年多的工厂流水线,毅然的辞职了. 离职后,我什么都不会,我爸让我回家种地,对于一个女孩子,种地太苦了,而且更没有出路,我拒绝了. 后来我爸通过关系找了我表嫂,让我去她开的美容店里去做美容,我不

全方位梳理:如何成为一个移动端UI设计师

  移动端的UI设计有其独有的一套设计规则和约束.新技术的不断加入促进了移动平台的快速增长,而移动端的UI设计也和传统的平面海报/网页设计不太一样.那么,要成为一个合格的移动端UI设计师需要掌握什么样的技能,经历怎样的涅磐才行呢? Part 1 挑战和制约 每个媒体都有它的局限所在.即使是在移动端这个充满机会.自由和创意的平台上也有着许多亟待解决的问题,和无法回避的局限性. 碎片化的移动端 时至今日,市面上流通的智能机已经多不胜数了,不同的智能终端不仅仅尺寸不尽相同,而且因为分辨率的差异使得屏幕

成功的UI设计案例分享:移动UI设计师参考

文章描述:15个优秀的移动UI设计 激发你的创作灵感. 俗话说,熟能生巧,UI设计师快速提高设计创作能力的最佳办法就是不断地练习,但我们不提倡闭门造车.要有丰富的创作想象力,要多看前人的设计,获得创作灵感并在别人的基础上创新.最重要的是,借鉴优秀设计师的作品可以减少很多时间,少走很多弯路. 来自美国TNW的设计编辑Harrison Weber 为我们带来了15大优秀的移动UI设计,或许可以激发很多设计师的创作灵感.但是有必要提一下的是,UI设计和实际的用户体验是两码事,不过下面要介绍的这些UI都

页面构建工程师:理解UI设计师的意图还原设计稿

文章描述:页面构建工程师:对设计图的审稿能力很重要. 作为专业的页面构建工程师,除了在专业技能上有很高的要求以外,还需要具有一定的对设计图的审稿能力.审图,并非是意味着追求跟PSD一模一样,甚至耗费大量时间截屏跟PSD去"对像素".在我的理解中,审图是通过对UI设计稿的分析,充分理解UI设计师的意图,再结合UE的交互状态,从中做到真正的"还原设计稿". 事例一:有取有舍,方是领悟 比如,在这样一张设计稿中 设计师的意图: 这个话题列表的行高19px,每个单条话题下面

UI设计师平时应该具备怎样的好习惯?

  图层整理.作品整理.个人主页.审美提升-- 等等,以上说的这些习惯,都是魅族设计师高山垚自己在平时工作中特别注重的,同时小编认为也是一个合格的UI设计师应该具备的基础素质,如果你刚入行,或者交接工作时经常被同事翻白眼,建议阅读. 1. 图层整理的习惯 个人认为是这是作为一个UI设计从业者最最最重要的好习惯,没有之一. 我先晒下一些常见的同事的图层,请看到的同事注意尽量对号入座,我就是说的你(╯‵□′)╯︵┻━┻ 呵呵,交接的时候发来这种东西--交接你妹啊(╯‵□′)╯︵┻━┻ 光整理别人的图

UI设计师容易忽略的四个现实

  我遇到非常多这样子的设计师,他们从不考虑「这样设计稿交出去,工程师做不做得出来」的问题,也不愿意去了解什么叫「限制」和「规则」.如果你也想从画图标的变成UI设计师,这篇干货千万要收藏. 「这样做比较漂亮啊!」 「这样做比较美啊!」 「使用者喜欢这样子啊!」 (设计师指 UI 设计师,我懒得打这么多字.) 可行性 轮胎为什么不可以做成三角型?三角型比较帅啊! 想了解 UI/UX,就一定要了解这张图,这是 Jesse James Garrett 在 2000 年发表的用户经验元素一书中所提出:使

UI设计师工作必备的七个设计神器

  今天推荐的这7个神器,有经典款也有新人版,不过大致贯穿了UI设计的整个工作流程,从排版.配色.切图到标注.预览,都有对应的良心神器推荐,非常适合刚入门的UI设计师,当然,有两款谷歌刚出的神器,也值得老手们来瞧一瞧. <七种武器>为著名武侠小说家古龙著名作品代表作之一,共分为:长生剑.孔雀翎.碧玉刀.多情环.离别钩.霸王枪.拳头,七种武器非一般江湖武器,件件精妙绝伦. 在UI设计中一样存在这样的七种武器,如果能拥有这七种武器,必定能让你设计如同"开挂"一般事半功倍! 长生

一天一个UI设计师坚持设计了100天结果咧

  Paul Flavius Nechita是一位来自罗马尼亚的UI设计师,他在今年6月29日开始了他的100天挑战--"100 Days UI".他为自己定下了一天设计一个UI界面的目标,每天花上2个小时左右激发创意. 这项挑战一直延续到了上周 10/6 截止,他终于交出了一百天不间断的 UI 设计.从Nechita的网站上,你可以看到许多不同种类的创意激发,对于 UI 设计师来说颇有参考价值.每一个作品也都会连到 Dribble 上,你可以看到设计师的批注,以及同行的讨论. 数英网