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

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


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

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

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

怎么解决这个问题呢?

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

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

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

我的阐述思路大纲如下:

  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

相关推荐

  • 使用 Sketch 搭建动态布局

    如果你在设计交互,你可能会经常遇到一些重复性的元素,比如列表中的行,或者网格化元素。尽管Sketch提供了一些方法,通过使用Symbols将一些样式应用到元素中,但如果你想让布局更有适应性或者动态变化,它恐怕就很…

    2017-12-28
  • 教你4步挖掘设计灵感,30分钟打造出一款圣诞节Banner!~

    憋不出灵感就如难产一般,蓝瘦,香菇/(ㄒoㄒ)/~~

    2017-05-14
  • 数据可视化:如何为数据寻找适合的配色

    虽然如今好的配色方案已经唾手可得,但为数据可视化找到合适的配色方案,却仍是一项巨大挑战。

    2017-05-31
  • 版权大战后,用户体验将成音乐平台的制胜关键

    自2015年起,国家版权局叫停“独家”版权到今年腾讯、阿里和网易云三家主流音乐APP达成史上最深度版权互授,这场版权之争终于尘埃落定,期间还穿插发生了运营8年的多米音乐停运事件,版权大战背后确实有很多难言之痛,而面向未来,已经叫实了的“后版权时代”,各家APP用什么get到我的点?当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放Get Over ItEagles - Hell Freezes Over (Live)一、用户体验...

    2018-03-24
  • 用户体验设计师经历的四个阶段解释瓶颈期之思维

    用户体验设计师经历的四个阶段解述瓶颈期-思维 (对自己基本满意,却不知道如何进一步提升)很多设计者遇到过类似这种问题,“运营就给了我这8个字的文案,这么大的空间我怎么 做? ”“产品经理不让修改布局,可是内容好挤,我该怎么办?”“领导说我这个设计不 够高大上,我问他该怎么做喜欢什么样的他也不告诉我,怎么办?”等等。这些问题的根本并不在于产品经理怎么样,也不在于运营怎么样,更不在于领导怎么样,归根结底是设计者没有独立思考的能力。8个字的文...

    2018-03-06
  • 三招让你的APP假装“更快”

    天下武功,唯快不破。体验也是如此,往往app的反应越快越流畅,用户的体验就会越好。尽管移动设备的硬件、系统、网速等都不是你能所控制的,但仍有办法让你的app看起来加载得很快,一起来看看这些小技巧吧。

    2017-06-03
  • 基于用户体验的污泥脱水干化解决方案

    点击上方蓝字关注“公众号”题  目:基于用户体验的污泥脱水干化解决方案报告人:上海复洁环保科技股份有限公司  许太明  总经理第一部分:背景与缘起各位领导、各位专家、各位同行,中午好。我给大家做的报告是基于用户体验的污泥脱水干化解决方案。作为我们公司来说,主要的产品是低温真空脱水干化成套技术,所以我从这个技术本身给大家分享一下应用性能与效益的评价。主要分三部分,一个是背景与缘起,第二是用户体验与详情,第三个是总结与展望。污泥脱水干化设备...

    2018-04-30
  • 微信团队出品-Sketch插件合集Wesketch

    静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

    2018-03-18
  • 2018年的用户体验状况

    这是由一位美国作者站在美国的视角写的文章,即便抛开个人因素不谈,国内外的发展进度并不完全同步。例如情感化反馈这一块也许国内稍稍落后一点、但是移动支付和AR却要快一些,有些方面即便步调差不多,举出的例子却不一样。不过看看别人的总结也挺有意思,至少可以了解一下国际风向。我将在本文概述的,除了2017年里见证到的巨大的变化之外,还有值得关注的趋势,以确保能够赶于潮流。1、更简单的导航方式导航体验是2017年的热点话题之一。为了设计出顺畅的用户...

    2018-03-19
  • 从单线走向双线,第三代用户体验即将到来?

    双十一在即,加之今年的新零售狂潮,零售业从线上到线下可以说纷纷摩拳擦掌。京东天猫剑指双十一已是老生常谈,值得注意的是,今年的双十一迎来了更多样化的全民购物盛事,比如飞凡推出的“2017飞凡狂逛节”。据了解,与京东天猫等电商大促有所区别的是,“2017飞凡狂逛节”重点是线下逛,与众多剁手党网上拼杀对比,着实令人耳目一新。新零售改革加速,用户体验核心发生质变可喜的是,我们看到零售业巨头和创业者们都在深挖线下。比如今年爆红的无人便利店和无人货...

    2018-02-03