面试时,如何阐释设计思路?

这几天有一些同学问我关于面试的问题,其实我对于整个面试的过程还没怎么总结过,但是对于如何阐述自己的设计思路倒是有一套方法,今天分享给大家。由于信息安全问题,我将底部的信息主架构进行了隐藏和改变,大家主要看整个设计思路的阐述,不要纠结细节。


这几天有一些同学问我关于面试的问题,其实我对于整个面试的过程还没怎么总结过,但是对于如何阐述自己的设计思路倒是有一套方法,今天分享给大家。

面试时,如何阐释设计思路?

众所周知,作为设计师,面试的时候,面试官可能会让你拿出自己觉得比较满意的作品来讲讲设计思路,如果你没准备好,再加上一紧张,很容易导致思路混乱,最后连自己都不知道在说什么!

怎么解决这个问题呢?

答案其实很简单:那就是理清思路,做好充足的准备。

如果你暂时还没有思路,不妨先看看我的。

正好本周在做一款界面的重设计,目前做了两个页面及一组图标,现在就假设面试官让我说说这两个页面,我会怎么阐述呢?

我的阐述思路大纲如下:

  1. 我对这款产品有一定的了解
  2. 我是一个对流行趋势敏感的人
  3. 我是这样展现自己设计能力的
  4. 我对用户体验也有一些改进

当然我们需要看着页面来讲解,先来看一下改版前后的界面样式。

由于信息安全问题,我将底部的信息主架构进行了隐藏和改变,大家主要看整个设计思路的阐述,不要纠结细节。

原版界面:

面试时,如何阐释设计思路?

优化后界面:

面试时,如何阐释设计思路?

下面阐述开始:

1. 我对产品有一定的了解

在做任何设计之前,你都需要对这个产品有一定的了解,这是一个大前提。

我会告诉面试官,这是一个什么样子的产品,他的背景是什么,他的调性是什么,品牌理念是什么,最后得出我的总体视觉风格是怎样的。

比如拿这两个页面来说,这是一款针对白领的即时通讯工具,产品定义是“给白领使用的高效便捷的即时通讯工具”。

而作为白领的你,其实你是有一点小追求、小逼格的,所以简单来说,我们的品牌调性及视觉风格就是简洁高效、时尚、有逼格。

2. 我是一个对流行趋势敏感的人

这里开始就要谈视觉了,首先你要和面试官强调,你是一个紧跟流行趋势的设计师,对于IM页面的改版,你寻找了很多国内外优秀的竞品,对它们进行分享与总结,如Facebook的Messenger、国际版QQ、Snapchat等等,截图如下:

面试时,如何阐释设计思路?

面试时,如何阐释设计思路?

最后经过你的总结,得出对于本次设计有帮助的流行趋势有:

  1. 无线化分隔
  2. 简化“对话气泡”样式
  3. 聊天界面底部,直接将高频操作展示出来
  4. …..

有了这些参考做为基础,再结合自己产品的品牌调性,你就可以具体去执行了。

3. 我是这样展现自己设计能力的

这里就是最重要的部分了,除了参考国内外的流行趋势以外,你是如何展现自己独特的创意与视觉表现力呢?

大家都知道,界面设计主要包括图标、配色和排版样式,你可以从这三个方面来阐述你的视觉表现力。

3.1 图标

面试时,如何阐释设计思路?

图标采用了断点、双色的视觉风格,虽然图标风格有所参考,但是对于输入框部分使用这样风格的图标,也算是我的一次大胆尝试,算是本次设计的一个亮点,如下图:

面试时,如何阐释设计思路?

至于这套图标如何制作的,还有它是如何与品牌产生联系的?如果讲起来可能又是2000字。

不过偷偷的告诉你,我管这套图标的制作方法叫做“品牌基因法”,如果你想知道这套方法就在下方留言吧,人数多的话,下期就分享出来。

3.2 关于配色

头部导航栏的颜色,原版的深色过于压抑,不符合整体轻松愉悦的产品定位和视觉风格。所以我决定将深蓝色变成白色,使整个页面看起来更加简洁、清爽。

面试时,如何阐释设计思路?

继续看上图,对话气泡采用渐变蓝色,使颜色更加通透,同时双方气泡颜色对比更加强烈,增加视觉上的耐看度,并且使用户更易区分哪些信息是自己发的,哪些是对方发的。

3.3 排版样式

在板式上本次重设计我有两个原则:简洁与突破。

简洁体现在“无线化分割”、对话气泡框去掉小尖角、聊天时隐藏自己的头像等等。如图:

面试时,如何阐释设计思路?

面试时,如何阐释设计思路?

突破体现在,“我的”页面头像后面那一条斜切线,这种板式,我最早是在雅虎新闻上看到的,当时就感觉十分特别,去年在国内app(例如搜狐视频)“我的”模块也见到了这样的切割方式,所以我也大胆的将其运用到这次设计稿里,还有就是面性的返回箭头,也算是一个创新点。如图:

面试时,如何阐释设计思路?

面试时,如何阐释设计思路?

4. 我对用户体验也有一些改进

这里是个加分项,作为一名视觉设计师,如果你除了思考视觉上的问题以外,再能想想体验方面的改进,那就证明你不止是一个“美工”,而是一个有思想的设计师。

在这两个页面里,主要对用户体验的改进就是“聊天界面底部,将高频操作提取出来,节省用户时间,也符合目前业内聊天输入框的交互流行趋势。

当然如果你要阐述的页面很多,你还可以说更多关于体验的问题。

小结

以上四点就是我目前阐述设计思路的方法。这里值得一提的是,上面所讲的内容也只能算是及格,如果你想更高级一点,那就需要把每一个创意点挖掘透彻。比如那个斜切的板式,可能我知道是从雅虎新闻借鉴过来的,但是人家为什么要用这样的斜切板式呢?他的创意根源在哪里呢?又带来了什么样的价值呢?

可能这样一问,你又蒙了!我个人觉得斜切的创意根源可能是来自杂志排版,但也不确定,大家可以思考一下,我的目的就是告诉你,每做一个东西,多问自己为什么,不断地细化,直到“问不出为什么”为止,因为那时你已经走到了问题的本质。

好了,以上就是我本次分享的内容了,最后提醒大家,有空多画画思维脑图,理清自己的思路,随时保持“多问为什么”的心态,坚持久了,你一定会有质的飞越,和菜心一起加油呗!

#专栏作家#

菜心(微信号:18588404451  微信公众号:菜心设计铺),人人都是产品经理专栏作家,华为ITUX用户体验设计师(主视觉),3年工作经验,参与华为Welink、3MS、连长社区等多个项目的用户体验设计工作。欢迎大家互相交流关注。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/24114/

(0)
CatherineCatherine
上一篇 2017-05-07 11:40
下一篇 2017-05-07 13:54

相关推荐

  • 交互设计流程(一):需求分析(转自人人都是产品经理)

    本文是系列文章的第一篇,主要从业务需求、用户需求、分解关键因素三个方面来分析。一起来文章中看看吧~进入到腾讯工作后,由于处于广点通广告部门,平时的设计呈现多与业务相关,基本是以B端设计为主,对于传统交互设计的方法论有点生疏了。所以特在此整理,同时也分享给有需要的同学。该系列交互设计文章,抽取工作中需要的核心步骤,预估计有6篇,暂拟定如下内容:交互设计流程一之需求分析交互设计流程二之架构设计交互设计流程三之流程设计交互设计流程四之页面布局...

    2018-05-08
  • 临时框这种交互方式,产品经理请慎用

    临时框是每个产品的标配,每个产品经理都会遇到临时框的交互设计,那么哪些算是临时框?警告窗口、操作列表、toast等分别在什么时候使用才符合一定的产品交互规范?本文就来讨论一下临时框以及它的使用场景和规范。

    2017-05-14
  • 6个实用消费者心理学

    消费者究竟是不是傻子?这事儿真要分两面来看。有时傻的天理不容,有时精的六亲不认。傻子是这个世界最幸福的人群,哪里会有那么多傻子,只不过都是分时段的智商休眠而已,至于什么时间休眠,这完全取决于消费者出于…

    交互设计 2014-12-03
  • 信息与交互设计专业委员会走访北京服装学院艺术设计学院

    点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn第四站——北京服装学院2017年11月3日上午,信息与交互设计专业委员会卞亚君秘书长及秘书处谢老师、王老师一行三人到北京服装学院艺术设计学院进行了走访。新媒体系主任丁肇辰教授热情地接待了我们,在交谈中丁教授向我们介绍了学院的基本情况以及带学生做的一些研究项目及活动。如《都会寝室》项目,面向20-35岁人群,致力于通过卧室环境控制、健康食物推荐等,改...

    2018-01-31
  • [MUX翻译] Apple TV 人机界面指南

    作者:hexin 新Apple TV重新定义了起居室的体验,你能将非同凡响而身临其境的内容投放到大屏幕上,这是前所未有的体验。 1 概述 1.1 设计原则 无论你是在开发游戏、媒体流应用,还是家庭实用应用,在构想产品的时候…

    交互设计 2015-10-08
  • 用户体验是玄学吗

    XINYI00梁欣怡2018年3月5日用户体验的解释有很多种,我比较倾向的一种是“用户体验是人对于使用一个产品、系统、服务时的预期和反应。”首先明确第一个概念,体验是一个过程,生活中的一切皆是体验,我们赤裸裸的来到这个世界,最后赤裸裸的离开,来人世走一遭就是来体验来了。从广义上来看,体验的主体是人,客体可以是一切物体和事情,媒介是我们的感官;当我们的感官作用在一切事物上,会产生相应的心理行为,比如预期,比如反馈,比如情绪,着所有的一切一...

    2018-03-06
  • 做设计不得不讲究的一个点:平衡

    做设计,最难的不是搞清楚解决问题的最佳答案是什么。而是,站在全局去平衡问题与问题之间的关系,做当下资源条件下相对正确的设计决策。

    2017-05-05
  • Apple Watch APP设计第一课:了解Apple Watch视觉和设计原则

    在我们可以开始设计一个Apple Watch应用之前,要先理解其背后的视觉和设计原则。Apple Watch有三个重要主题:个人,整体,轻量级。如果想设计一个具有惊奇体验的应用,还有一个你应该考虑但苹果公司没有提及的,即 …

    2015-09-29
  • 提问:用户体验设计师、UI设计师和交互设计师有什么区别?

    在知乎上看到有人提问:“用户体验设计师、UI 设计师和交互设计师有什么区别?”因为他发现有公司同时有以上 3 种或两种职位,不知道具体区别是在什么地方。薛天禄给出的回答很赞,如果你也不清楚这三者之间的区别,…

    交互设计 2015-01-07
  • O2O/商场权限管理系统设计方案

    一、管理权限分级概览 二、管理账号管理逻辑 三、账号权限定义 管理账号预设角色分为四种:超级管理员、商场管理员(独立收银)、商场管理员(统一收银)、店铺管理员; 超级管理员: 具有商场后台所有功能的权限,…

    2017-12-28