时代的变迁,科技的进步,工具的发展,薪资的差距,促使许多人转行的原因,但平面与界面两者之间有着哪些的差异呢?如果,想要转行又该具备哪些条件呢?

平面、界面设计之间的差异性

平面设计以『视觉』为主轴,强调资讯阅读的可视性以及爆炸的视觉效果,来吸引人们关注,而界面设计除了考虑视觉效果外,还同时需要专注在『使用需求』,一个好的产品讲究界面操作的逻辑性与流畅性,再搭配视觉的张力,才能让产品贴近于完美。

小型公司担任平面设计经常处于单打独斗,讨论的对象通常是老板、客户等(看公司产业性质而定),内容的需求、品味多数以主、客的需求为主;而界面设计则需考虑操作的流程、界面使用平台、界面解析度等,针对侧重点的不同做出相对应的调整,面对讨论的对象也多了许多,比如RD、PM、UX、老板等,项目的成员相对多元,项目的流程规划也缜密许多,不再是只椅靠『视觉』就可以解决的事,而是必须清楚阐述设计方向、基于哪些论述、论点,以及与竞争对手产品设计上的差异等,通过各种的数据分析来佐证自己的设计,才能更贴近使用者的需求或者老板的需求。因此面对沟通的角色变多了,相对的也能提升自己跨领域的协作能力。

如今设计工具不断推陈出新(比如协作设计工具摹客iDoc),界面设计不再只是仰赖Illustration/ Photoshop了,而有更多专为界面设计所开发的工具,让界面设计师可以快速产生Wireframe/mockup/prototype等,加速讨论的步调,让设计需求也可以快速既明确的产生。

摹客iDoc,更快更简单的产品协作设计神器

想要成功转行重点整理:

1)需能常保有学习新工具的挑战

2)需有面对跨领域协作的能力

3)需了解各平台间的设计规范

4)需能快速地接受新事物、创新、改变

5)需加强对设计的敏锐度与洞察力

转行需具备哪些条件?

无论你是否有无设计相关背景,学习曲线差异只在于对『视觉、美感的敏锐度』,其他,解读设计的角度上均有所不同,是需要花些时间重新学习。

观察事物的敏锐度、洞察力

从小地方着手,生活周遭事物都可以是训练对设计的敏锐度、洞察力的选择,培养设计洞察力首先需换位思考,把自己当作是产品的设计者、生活上的体验家,将产品分解拆解研究它,研究产品的阶层、内容、色彩的搭配与文字间如何呼应、视觉动线等,并清楚了解该产品的目标对象、受众族群等。

多方涉略视觉设计理论、培养欣赏美的事物

视觉的敏锐度不只是在于好看、美观,而是需要拥有大量的视觉理论,去了解每个设计背后的论点与设计的逻辑,比如icon的设计、配色的协调及Layout视觉动线、内容呈现的可视性等。

熟悉各平台间的设计规范

大多平台各自会定义一套设计规范,提供给开发人员、界面设计、视觉设计参考,必须清楚各规范才能避免错误问题产生,建立出一致的使用体验,并可做为与开发人员沟通的脚本。如果想要打破该设计规范,不是不可行,但需要能够提出一份强而有力的说词,避免受到质疑。

了解高、低解析度间设计细节的不同

不同屏幕尺寸、解析度会影响设计细节,越高解析度像素越多可产生越多的细节,在低解析度的屏幕下,则需要舍弃一些细节。

快速学习新工具提高工作效率

工具推陈出新,找出适合自己又可快速的开发工具,并习能新的技术,必能提高工作效率。

多些练习、培养,必能有转行的机会

养成固定观察分析各App或UI相关设计,培养产品思维,同时分析设计背后的原理,当你正式进入UI设计时,脑袋已充满资源,也会产生更多看设计的不同角度。

其次,以现有的产品/App练习重新设计,练习时,尽量出2–3种设计方向,并试着提出设每个设计方向是依循什么设计理论、参考什么设计,甚至可以找出与该产品的竞争产品,分析各家产品在设计上的架构、阶层、优缺点等,便可找出你的产品在设计上可呈现的差异化。

最后,我想说的是,不同产业或公司属性的差异,面对职责会有不同范畴,有些界面设计师只专注在视觉呈现,有的则是需包含前期的流程规划、视觉呈现甚至prototype等,平面转界面视觉似乎衔接点较容易,如须涵盖流程、prototype,便需要做更多的精进及工具上的学习。

预祝大家都转行成功!!!

原文链接:https://www.25xt.com/appdesign/25447.html

如何从平面设计转行到UI设计?的更多相关文章

  1. 学美工、平面设计、UI设计,哪个有前途?

    首先,在分析学美工.平面设计.UI设计,哪一个更有前途的时候,先要对三类设计有一个大概的了解. 比如“学美工.平面设计.UI设计是什么”等知识,才能更好地去进行选择. 01 阐述美工.平面设计.UI设 ...

  2. UI设计学习路线图

    文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的UI设计学习路线图包含初中高三个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.baidu.co ...

  3. 零基础入门学习UI设计指南

    第一步:认识设计启蒙必备知识 学习一项技能,尤其是已经有一定沉淀并在各行各业有广泛应用的技能,就一定要对它先有充分的认知.在开始正式学习前,你需要花足够的经历去了解和查阅它的起源.发展.应用.未来. ...

  4. (2018干货系列五)最新UI设计学习路线整合

    怎么学UI全链路设计 全链路设计师是参与整个商业链条,为每个会影响用户体验的地方提供设计的可解决方案,最后既满足了商业目标,又提升了产品的用户体验和设计质量,与平面设计.UI设计彻底区分开来,是真正的 ...

  5. 优秀设计师应当知道的20大UI设计原则

    世界级图形设计大师Paul Rand(保罗.兰德)曾经说过:"设计绝不是简单的排列组合与简单地再编辑,它应当充满着价值和意义,去说明道理,去删繁就简,去阐明演绎,去修饰美化,去赞美褒扬,使其 ...

  6. 橙色优学:2019年设计行业怎么样?UI设计行业前景分析

    互联网的飞速发展带动了UI行业的火爆,成为时下最热门的高新技术行业.UI设计区别于传统的平面设计,更加注重界面.交互.体验等方面,这使UI设计变为了高薪的行业,对设计师的技能要求也就变得更加严格. 自 ...

  7. ui设计用什么软件

    Ui设计用什么软件?作为ui设计师,你必须要熟练的使用以下几款设计软件,不然可能也无法胜任ui设计师的职位. ui设计除了要学习一些基本的操作软件,如PS AI AE AXURE 以外呢,还要学习比如 ...

  8. UI设计教程分享:让你彻底读懂字体

    一份普普通通.规规矩矩的设计 一份让人印象深刻.新颖有趣的设计 差在哪?其实就差在三个字上! “优秀的设计不是每一个细节都有亮点,而是弱化其他元素,让某一个亮点最大化.” 今天“骉叔的设计心得”就来总 ...

  9. UI设计工资有多高?怎么快速拿高薪?

    1.UI设计工资有多高? 有人不服UI设计待遇薪资高,那么下面就来看下一线城市的最新UI设计平均薪资待遇,大家也可以打开各招聘网站查询各行业平均薪资情况,一个行业的薪资高不高行业市场决定. 待遇较高说 ...

随机推荐

  1. Unity3D中的高级摄像机跟随

    在Unity3D中,先调整MainCamera在场景中的位置,然后把脚本挂到MainCamera上,摄像机跟随分为简单的摄像机跟随和高级摄像机跟随. 简单摄像机跟随: public class Cam ...

  2. w3af安装

    基于python开发,由于kali自带的w3af无法正常使用 安装新的w3af apt-get update apt-get install kali-linux-all安装所有工具包 apt-get ...

  3. CSS 变量教程

    一.变量的声明 声明变量的时候,变量名前面要加两根连词线(--). body { --foo: #7F583F; --bar: #F7EFD2; } 上面代码中,body选择器里面声明了两个变量:-- ...

  4. Dede文章标题长度修改

    方法一.首先你要进入dedecms后台,系统——系统基本参数——其他选项——文档标题最大长度——在这修改为200或更大(其实200应该是足够了). 方法二.进入phpmyadmin,点击dede_ar ...

  5. rancher2 接NFS存储

    一.NFS服务器搭建 略 二.rancher 2配置--PV配置 集群名称---Storage --增加 Persistent Volume 名称任意,卷插件选nfs Share 容量按需求 插件配置 ...

  6. 第二章 向量(b)可扩充向量

  7. CentOS 下部署weblogic12.1.1.0

    1.软件包 JDK 1.7.0 Weblogic 12.1.1.0 2.JDK安装完配置环境变量 export JAVA_HOME=/usr/java/jdk1.7.0_79 export CLASS ...

  8. Oracle触发器用法实例详解

    转自:https://www.jb51.net/article/80804.htm. 本文实例讲述了Oracle触发器用法.分享给大家供大家参考,具体如下: 一.触发器简介 触发器的定义就是说某个条件 ...

  9. SSH和SSM的区别

    一怒成仙 博客园 首页 新随笔 联系 管理 订阅 随笔- 54  文章- 1  评论- 0    SSH(Struts,Spring,Hibernate)和SSM(SpringMVC,Spring,M ...

  10. echarts中间有字饼图Demo1

    echarts链接:http://gallery.echartsjs.com/editor.html?c=xHy2vIPzLQ 代码: option = { backgroundColor: 'bla ...