UI设计初学者应该如何快速入门?

简介: 1、UI设计师是什么?不说UI设计师,就连设计师,很多人都以为只是P图的美工,如果接受过正规的教学知识体系,那么首先第一要素就是明确这个知识是什么,所以这里有必要先明确一下UI设计师的概念。

1、UI设计师是什么?

不说UI设计师,就连设计师,很多人都以为只是P图的美工,如果接受过正规的教学知识体系,那么首先第一要素就是明确这个知识是什么,所以这里有必要先明确一下UI设计师的概念。

维基百科对于UI定义:

UI,也即用户界面(UserInterface,简称UI,亦称使用者界面)是系统和用户之行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。因此,UI设计师也就是设计用户界面的人。

那么这里是官方的定义,对于零基础小白可能我们还不是很理解,此时我们就应该用最通俗的话来去理解它认识它。

百科定义说:系统和用户之行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。这个是什么意思呢?我举个例子,例如我们使用的微信,假设微信这款软件正在开发中,整个他的信息框架都搭建好了,怎么聊天啊,怎么语音啊,怎么发朋友圈,都规划好了,只是还没实现,好,那么这些都规划好了,接下来就是我们UI设计师来设计了,对没错,开始进行设计了,把这些规划好的东西都给设计出来,以界面的形式给展示出来,例如,语音的图标设计,发送的图标设计,还有朋友圈等等,你所看到微信所有的界面都是我们UI设计师所设计出来的,同时符合我们用户行为的规范来设计,那么设计出来了,后面就是程序猿给开发出来,后面就是敲代码了。

所以大家能理解UI设计的定义了吧,在工作中就是担任产品的设计一职,并且是视觉设计。

毫不夸张地说,在颜值当道的年代,UI设计师的水平,直接决定了互联网产品(网站、App、网上店铺等)的颜值。

无论产品的质量怎样,用户接触产品的第一幕,就是UI设计师给产品设计的这张脸,所以你所设计的界面,图标,搭配的版式,色彩等等如果满足不了你的用户眼球,那么等待的只是关闭卸载。


2、UI设计师的基础修养

设计总体认知

在进入一个未知的领域前,我总倾向于先梳理这个领域的架构,待有了比较全面认知后再深挖。

这其实也是大学专业课程设置的思路,先学习一门导论课,了解基本概念,再进入细分领域。

学习UI设计也是一样,先对整个设计专业有总体认知,再去学技法层面的内容、规则,慢慢把知识库填充完整。

如果有条件,可以尝试了解一个新的互联网产品出炉的工作流程。这样,在局部学习前,就能对重难点、课程框架都心中有数。

就例如我们的UI设计师培训班,90%都是以企业实战案例为主,讲解的都是已经上线的产品APP,学员学习之后就等于直接有工作经验,符合企业用人标准,拥有项目经验,能快速上岗工作。

这里我也给大家总结了学习UI设计的知识体系,分享给大家。

要想成为一个合格的UI设计师,需要学习2块知识。

分别是软件知识和理论知识

UI设计学习软件知识

主流的软件: PS AI AE ARP

UI设计学习理论知识

理论知识:

素描、色彩、管理、运营、文案、演讲、作品集、创意、审美、 动效、版式设计、规范、切图、心理学、沟通学、了解程序、适配、竞品分析、 UE 交互逻辑、思维导图、原型图、标准化布局、电商设计、平面构成、立体构成、色彩构成、交互逻辑、思维构图、 拟物化与扁平化设计、产品思维 、代码基础、小程序设计、H5页面制作、专题页设计、IOS设计、规范、Android设计规范 、GUI设计 、WUI设计、 APP设计、 UE用户体验 、审美能力、 UI设计项目设计流

程、 原创作品、互联网思维、网络营销等知识!

技术基础

如果说程序员一天中大部分时间都在码代码,那么设计师的时间都留给了Photoshop、Axure、 Illustrator,After Effects涂涂修修确实是常态,而这里,也是“美工”称呼的发源地。

娴熟的技法,是完美展现设计作品的必备条件,作为UI设计师,也应当熟练掌握这些常用软件。

稍低一点的要求,是至少能精通其中一款软件,各种操作都已经形成自然反应,其他软件也能通个七八分。

不过,学完这些软件之后,切忌炫技,学到这步,你只是学会了修图,还只在美工的地步,并谈不上设计。

因为往往就有一部分人会有错误的认知,一提到学习设计,就想到学习软件,同时埋头在软件一学就是一年两年,有的人甚至更久,可以说是盲目学习,所以这里给大家重新认知一下,设计并不等于软件。

绘图基础

有人以为,设计师只要去图库网站找一些素材,借助工具进行修饰即可,其实这只能锻炼你的借鉴能力,当你的技法娴熟到一定程度,就可以尝试临摹。

通过临摹,一则用来强化技法层面的能力,二来也能提升初学者的创新能力。临摹的内容,可以有两方面选择:一种是系统自带的图标。

比如Mac OX、Windows,或者移动端iOS、Android的原生图标,都是精心打磨过,既能帮助初学者了解平台设计规则,又能在临摹中逐渐巩固常用软件的技术。

另一种则是行业牛人的设计作品,捉摸他们的设计风格、思想和细节,都能加深对设计的认识。

各平台设计规则

iOS、Android、WP、Windows、Mac OX各个平台都有自己的设计规则和偏好。

在移动端,连每款机型的分辨率、状态栏高度、导航栏高度、图标尺寸、字体、颜色值都有严格的规定。这些平台的设计规则,在搜索引擎上都能被检索到。

作为UI设计师,这些也是必备的知识,也是要必学的一点。

理解能力

作为设计的上游,产品经理常常会直接发需求文档给设计,能读懂产品文档、快速分析需求,定位出风格、色调、元素,最后迅速把产品需求视觉化,就是产品经理们最爱合作的设计师了。

对于新手来说可能有点慌,不知如何下手,同时如果是自学的人也会比较困难,自学的人一般都是没有实战项目经验,当你真正去工作的时候,肯定会表现出一些慌张无法下手,这也是我接触很多自学的人所倾诉的内容,他在公司不可能问领导,问同事也不好意思,有时只能到网上找帮助,或者问老师来解决。

所以对于新手来说,前期的学习是至关重要,你所接受的知识体系会决定你以后的工作发展,系统的学习UI知识是非常关键的。

img_7ad9d78b9e474887e14c8adcb7725f7a.jpe

3、UI设计师的进阶修养

审美意识

很多人遇到这个问题,都会说我没审美,还能不能学习UI设计啊,或者还有同学会说审美差怎么办啊?

至于审美意识要如何培养、提高?唯有日积月累地浏览、学习、思考、联系,大概就是逐渐提升的可能途径吧。

用户体验

从前,除了设计界面的UI设计师之外,互联网公司会专门设置专门的用户研究中心来处理用户体验的种种问题。

但如今多元的趋势下,一个互联网产品的视觉设计,需要懂一点产品、懂一点用户体验,才能更有效的推进合作流程。

同时也会培养自己多元化的思维方式(用户研究以缜密的逻辑发展,而UI设计则更加追求审美)。

交互设计

分不清交互和UI的人,可能一抓一大把,事实上,这还是有区别的。从一般意义上说,UI主要做的是图形用户界面,也可以称为GUI设计师。

交互设计主要做处理点事人机互动的界面,任何与机器打交道的过程,都需要交互设计师来参与。

但坦白说,现在的App中,有多少操作能把UI和交互完全清楚地剥离开来呢?

一个好的产品,需要美观的界面和顺滑的交互,也就离不开设计师两种能力的相辅相成了。

尤其现在,设计趋向扁平化的时期,只要遵循设计规范,交互设计甚至能出了设计稿后直接给开发去实现,单纯UI设计的存在感日益弱化。

所以我们纵观以前和现在,行业的发展,时代的变迁,导致我们各行各业都是多元化,真的是,你不多学点东西,根本没人要你啊,最后真的只是淘汰的名额,每日提升,保持终生学习的态度是每个人必须要有的。


4、资料

下面推荐一些适合入门的书籍与网站,以供参考。

阅读书籍

《Don’t MakeMe Think》(点石成金)

这本书已经了好几版了,能这样一遍遍修订出版的,除了学生用的教材,就是业界的圣经了。

这本书主要讲的是如何通过网站设计来提高网站的可用性,除了网页设计外,也包括了一些用户心理研究等内容,语句晓畅,读起来十分轻松。

里面的案例虽然有点久了,但经典的案例永远不会过时。作为初入学者,能从一本书里看到整个领域的大局,也有逐渐养成设计师的思维,是入门启迪型书籍。

《写给大家看的设计书》

一本Robin Williams大师写的老生常谈,本书主要围绕对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity)四个设计基本原则展开。

短短200页,门外汉读起来也不费力,但读完这本书你会明白设计的重要性。另外,这本书的排版、文字编排也很有设计感,读起来更加舒服。

《破茧成蝶:用户体验设计师的成长之路》

前面的书是理论型的,这本是则比较注重实践,结合本土互联网公司案例解释了很多落地的问题,甚至还有具体岗位介绍,面试细节,工作流程等,可以作为工作的工具书。

《设计之下》

通过搜狐新闻客户端UED团队的设计过程,完整展现真实的设计流程。全书分为三个部分。

第一部分为“交互设计”,主要总结了大局观、操作流程简捷、形式新颖且统一、各种特殊情况等交互设计要点。

第二部分为“视觉设计”,阐述了界面、颜色、图标、质感、动画、等具体方法。

第三部分为“他们眼中的优秀设计师”,

通过产品经理、程序员、运营、市场经理的视角,阐述了如何成为一名优秀的设计师,同样是1-2岁的设计师学习的好书。

img_89dd6f92bb6695fa1c8eceb1352f39f3.jpe


优质网站:

灵感枯竭的时候,觉得自己审美不够的时候,都可以去下面网站逛逛,寻找灵感,提高审美,陶冶情操。

下面是互联网公司UED部门网站:

干货很多,值得学习,百度搜索名称

腾讯CDC

腾讯ISUX

阿里巴巴UED

百度用户体验中心UXC

网易用户体验设计中心UEDC

360 UXC用户体验设计中心

各类App:

各种榜单、推荐应用的账号上新出来的App都可以关注,App集邮能力,就是你资历的一部分,很多超越也是在巨人的肩膀上改出来的。


4、练手

光说不练假把式啦~

参加比赛:

现在手机主题设计、App皮肤设计各种比赛到处都是,有一定技术之后可以参加比赛,都是锻炼人能力,崭露头角的好地方,作品被选上的话就直接拿奖金了。

网上接单:

虽然听上去有点微妙,但临摹能力、技术能力,这些都能在接私活中慢慢培养起来,而且还有真实收入。很有可能,你之后面试的作品就是私活带来的。

就业实习:

既然要入行,当然要去里面自己体会下个中滋味,如果有幸去了大公司,很好你就能熟悉一套规范的设计工作流程;

如果去的是小公司,那你可能就要成为独当一面的全能手了。总之,出去历练,是走向社会的第一步。

img_753fb1d32922dc79578da7e1eeeb4b52.jpe

5、一点醒脑剂

最后说一点自己的想法

很多人说互联网寒冬来了,眼看着找不到工作的学弟学妹逃离北上广深,缩招裁员越来越明显,

就极力游说周围的人别再从事程序员、设计师、产品经理等与互联网相关的岗位。

其实我始终不太赞同这个观点,这只是前几年互联网过度乐观膨胀发展后终于回归理性而已。

回归理性,意味着已经过了人有多大胆,地有多大产的时代。

回归理性,意味着行业从野蛮生长逐渐转向遵循市场规律。

回归理性,意味着企业对人才需求仍在,但要求渐高。


所以,做一个不那么恰当的比喻,

多才多艺的设计师就像一线城市的房价,尽管开价很高但还是供不应求。

学艺不精的设计师就像十八线城市的房价,在一路下跌的颓势再也硬不起来。

核心技能点是人才流通市场上永远的硬通货。

那么有想真心想学好UI设计,掌握一门技术,从事UI设计师,请点击下面文字链接,查看我们的全能UI设计师培训班课程,来进行系统的学习。

课程介绍:UI设计全能就业班,零基础学习UI,四个月入职互联网公司,逆袭成为年薪20万的UI设计师。

目录
相关文章
|
6月前
|
JavaScript 前端开发 开发者
Element-UI快速入门
Element-UI 是一个功能强大的 Vue 组件库,非常适合快速开发高质量的企业级前端应用。通过本文的快速入门指南,你应该能够开始使用 Element-UI,并将其组件应用到你的项目中。不断探索和实践将帮助你更好地理解和利用这个工具库为你的应用增添独特的价值。 希望这篇博客能够帮助你快速上手 Element-UI,为你的 Vue 项目加速开发。
161 1
|
7月前
|
资源调度 JavaScript
Element-ui快速入门
Element-ui是基于Vue.js的桌面端UI组件库,用于快速构建美观界面。以下是其快速入门步骤:1) 使用npm或yarn安装;2) 在main.js中引入样式和组件;3) 直接在Vue组件中使用Element-ui组件;4) 可根据需要定制主题样式。参照官方文档可了解更多组件和用法。
|
7月前
|
JavaScript Windows
Element-ui快速入门
Element-ui快速入门
80 0
|
前端开发
Element-UI快速入门 (三)
7.常见组件 按钮 Button
64 0
Element-UI快速入门 (二)
5.表格:查询列表 测试页面
141 0
|
JavaScript 前端开发 开发者
Element-UI快速入门(一)
什么是Element UI Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 Element UI是基于Vue 2.0的 Element UI 提供一组组件 Element UI 提供组件的参考实例, 直接复制
211 0
|
JavaScript 前端开发 开发者
Element-UI快速入门
Element-UI快速入门Element-UI快速入门
976 0
Element-UI快速入门
|
JavaScript 前端开发 开发工具
Vue组件库 View UI快速入门 环境配置
Vue组件库 View UI快速入门 环境配置
394 0
|
前端开发
Element-UI快速入门(三)
Element-UI快速入门
165 0
Element-UI快速入门(三)
下一篇
DataWorks