黑马程序员技术交流社区

标题: UI设计师作品集逻辑分析 [打印本页]

作者: 绘儿    时间: 2022-5-3 16:49
标题: UI设计师作品集逻辑分析

透彻了解UI设计,从此系列帖开始!
       面试避坑必看:设计师面试失败,绝大部分死在这50个问题上

前言:此文章主要针对APP作品集结构逻辑进行分析,视觉设计因项目和设计师风格而异,小编会在其它文章给大家分解具体设计方法。

文章共分4个大块:


一、纸质简历—应聘者的敲门砖

合理的简历内容,让你的简历更容易展示在HR(人力资源)的眼前


·设计目的:

通过人事和平台的筛选,进入公司的面试邀请范围


·设计内容:

1)个人优势基本信息(例如:本科或更高学历,设计相关专业,多年从业经历,强大的手绘 功底);

2)工作经历详情介绍(年份-公司名称-职位-岗位职责);

3)项目经验(例如:项目描述-项目内容-项目状态);

4)自我评价(例如:善于沟通,乐于助人,项目协作等自身主观优势)


二、作品集—面试路上的助推器

一份思维缜密、有理有据、视觉突出的作品集合,让你自信满满,面试多多


·作品集作用

用人单位一般会优先审核作品集合,作品集合被认可后发送面试邀请,所以作品集是代表面试者直面企业的物料,需要精心设计,方能提高面试机会。


·作品集内容

1)移动端作品展示—看过往

有过UI设计工作经历的设计师,大部分有过APP或者小程序以及H5内容的设计经历,因此想要找一个UI设计岗位,作品集中必有移动端项目展示,该作品反映设计师的过往。

2)PC端(网页和可视化界面)作品展示—看丰富

互联网企业在发展过程中必然会进行网站建设,而这项工作一般是由UI设计师参与的,不要指望公司单纯的招聘一个网页设计师,一个设计多种职责已经成为现状,因此有过工作经历的UI设计师或多或少参与过网站建设,透过网站能看出一个设计师项目的丰富程度。

随着前台(APP、网页、小程序...)的不断搭建,必然会匹配后台进行统一管理,也就需要设计一些可视化界面,数据展示界面进行展示,所以PC端的项目能够反映设计师经历的丰富程度。



3)C4D作品展示—看技能

会炒菜的人基本都会切菜,但是会切菜的人不一定会炒菜。

会用C4D的设计师一般都会PS、Ai等设计软件,但反过来不一定成立,因此C4D软件能看出一个设计的软件技能,当然三维立体效果如果有C4D软件的辅助,必然会在视觉设计上更上一层楼。

4)平面作品展示—看基础

互联网视觉设计我认为就是要将图片、文字、图标、色块等元素进行排版布局,一一安排明白的过程。而如何处理好文字变形、LOGO设计、颜色搭配、排版布局就需要设计师拥有平面设计技能,因此平面设计能反应设计师的基础,我们需要展示平面作品。

5)手绘插画作品展示—看出身

你是否有过这样的经历,见到会画画的人心里潜台词是:“这家伙是不是学美术的!”是的没错,当面试官见到手绘插画等内容的时候,他也是这么想的,而企业需要招聘的就是专业更对口的员工,我们需要在作品集中设计手绘作品。


作品集结构(APP设计为例)


1、APP封面(总体介绍APP产品,给浏览者留下好的印象)

作用:给面试者一个美好的印象;

内容:项目名称,唯美页面展示;

结构逻辑:通过项目名称让用户知道这是什么产品,高保真唯美界面展示给用户留下美好的第一印象。



2、产品介绍(虽然我是设计师,但经历了项目,必然了解产品的开发背景)

作用:展示给面试官我们对产品的了解程度,只有了解了产品才能更好地做设计;

内容:市场分析和产品定位;

结构逻辑:

对于APP项目展示,封面介绍完成,接下来需要展示项目是如何一步一步的由无到有的。

商业化的产品开发需要有市场作为前提,所以接下来可以介绍产品行业的市场,可以介绍行业背景(PSET分析法)、市场现状、商业模式等内容;

有了前景广阔的市场,那我们就可以对我们的产品进行大方向的定位,例如抖音和快手这两款短视频软件在城市的定位。抖音定位一二线大城市,所以抖音以“内容”的新鲜有趣为主,强调信息的获取和分享,快手定位三线以下城镇,所以快手以“人”的属性为主,强调记录和社交,门槛低,满足琐碎的日常生活需要。



3、产品目标(做交互的UI设计师才是真的UI设计师)

作用:体现设计师的分析分解能力

内容:需求分析和产品架构

结构逻辑:

产品有市场并且定位明确,在这样的环境下提出和确定的需求才是有效需求;

设计师在交互设计和视觉设计过程中首要明确内容就是需求(我要做什么);需求分析内容可以根据“马斯洛需求”确定自己产品需求层级。

项目需求来源(来自公司业务战略的需求):公司层战略、业务层战略、职能层战略;来自运营、市场、客户,以及老板或领导的需求;

需求分析挖掘方法:通过产品本身,通过用户挖掘,通过竞品确定,通过运营数据,通过调研...);

需求排序:KANO分析法,将需求分为兴奋性需求、期待型需求、基本型需求、无差异需求、反向需求;

需求确定后需要罗列多种功能解决需求,因此需要交互设计师输出产品框架结构图。




4、用户目标(用户分析对于设计师是必备技能)

作用:通过分析用户属性,定义产品风格,针对不同用户群体设定不同功能;

内容:用户分析和用户画像

结构逻辑:

产品功能确定就需要对这些功能进行层级划分和模块划分,但不同用户属性有差异,一个好的产品需要针对不同的用户群体产生好的体验,降低用户操作成本,提升解决用户需求效率,因此需要进行用户分析;

用户分析完成后可以进行用户分类,进行用户画像。





5、竞品对标(UI设计师必备技能)

作用:收集灵感,形成设计思路,设计自己产品的内容

内容:竞品分析和视觉设计规范

结构逻辑:

需求、功能、结构都确定好之后,设计师要开始着手定义设计规范和视觉设计,但一个成熟的符合用户体验的规范需要对标已成功的产品,进行竞品分析;

竞品分析可使用SWOT分析法对产品用户、功能、技术等方面进行展示(不同产品分析内容不同),并为自己项目制定设计规范提供依据。

视觉设计规范主要展示颜色规范、文字规范、图标规范等内容。













6、原型图展示(交互设计视觉设计师必备技能)

作用:对产品功能进行模块划分,并进行视觉美化

内容:低保真原型和高保真原型

结构逻辑:

低保真原型图是由交互设计师根据功能结构图进行的功能设计雏形,同时添加了相关的说明和交互逻辑;

设计规范形成之后,设计师需要根据线框图(低保真原型图)进行高保真原型图设计。






7、项目总结(总结项目内容)

作用:将所有页面进行展示,总结项目视觉内容

内容:页面平铺和致谢

结构逻辑:

封面总体介绍,中间分布说明,最后总体总结

错位平铺:


模块分离平铺:


组件展示:


三、沟通表达—高薪offer的“杀手”

精确的语言表述,详细的分析分解,让人事不忍压你薪资,高薪就业。

以下为通过有逻辑结构作品集找到工作的一些例子:


四、内容总结—没有总结的文章是没有灵魂的

UI/UE设计师找工作需要准备3大内容,纸质简历是投递给企业,传递个人基本信息的资料;作品集合也是投递给企业,传递个人技能和项目的资料;沟通表达是在企业认可你的作品(工作经验)后,邀请你进行面对面沟通交流互相确认的过程。

找工作是建立在有技能的基础上进行的(切忌投机取巧)。



友情提示:若你是对设计不太了解的小萌新,看完这个问题后,却对设计还有太多的疑惑(前途、薪资、技术含量、女生是否好找工作.....),强烈推荐你观看《设计萌新必看:学习UI设计必问的50个问题,从此系列贴开始》,相信能扫除掉你心目中90%以上的常见问题,请狠狠点击下方链接:http://bbs.itheima.com/thread-514779-1-1.html

为什么2021疫情期间,会有这么多人来传智教育学习全链路+UI/UE设计呢?




精华推荐:
UI设计师如何自我介绍最有用!
如何向面试官介绍你的项目
从工作对接——告诉你UI设计师的工作流程
破解HR常见5种面试套路,助你轻松拿下Offer
初级设计师面试失败,大部分败在这50个问题上
设计面试——应聘机试题怎么破1
设计面试——应聘机试题怎么破2
设计面试——应聘机试题怎么破3


--------------------------------------------------------------------------------------------
如果有用,记得点赞留言哦~
【推荐阅读】:黑马论坛快回帖仅需这简单3步http://bbs.itheima.com/thread-513666-1-1.html
获取【UI设计视频教程资料】加绘儿2168934524
--------------------------------------------------------------------------------------------

↑想看最新课程大纲,手机用户点此文字链即可跳到传智UI设计学科站↑






欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2