美文网首页设计上班这点事儿ui
UI面试小技巧_用笔写下所思所想(附具体案例)

UI面试小技巧_用笔写下所思所想(附具体案例)

作者: 视觉笔记糕小糕 | 来源:发表于2019-01-12 09:12 被阅读15次
    面试小技巧.jpg

    前言

    快年底了,开年后金三银四,各行各业又会新一轮人员迁徙,但当下似乎到处弥漫着互联网经济寒冬,裁员消息层出不迭,人心惶惶;也许寒冬会减少机会,对于当下我们却不失是一个自我深度反思,蛰伏专注提升能力的机会;当外界过于喧嚣躁动,似乎做何事都能赚大钱时,反而不利于静下心来思考。

    逆境中成长最快,我们会有时间思考:
    真正适合自己的工作?
    当下最欠缺的能力?
    未来3-5年的规划?
    如何保有危机意识?
    如何培养可迁徙的能力?等等

    之前有机会开个一场关于《3年职业生涯规划》近2小时分享会

    image

    来讲述从事UI工作以来,自己实际经验所思所想。其中一块内容,是分享一个面试小技巧:即把所有的面试题,都从过各方整理收集,编辑写出有深度的答案;在面试过程中,不仅局限于被面试官主导回答,通过一个深度问题的思考,可以变被动成主动。

    例如当被询问到2019或2018年设计趋势?
    你仅仅回答大字号设计,插画设计的普遍运用,渐变色的流行等大众熟知内容,并无法突出和他人的区别;

    但假若通过这个问题,我们先回答当下的设计趋势,顺便引出去年设计趋势,再来讲述分析对比两年趋势的不同,为何会有这种变化,因为设计趋势不同。

    在自己实际项目中存在哪些运用,项目中设计风格哪些是对新趋势的尝试,尝试后的结果如何,以及自己对当下各式各样设计趋势的看法。甚至还可以继续深入,预测下一波趋势,并分析原因。

    是不是同样一个问题,有面试官主导后,面试者反客为主的叙述,顺带带出自己相关项目的思考过程;
    ​自己也曾担任过面试官,最担心的莫过于,我会提前准备面试问题,但过程中无论什么问题,对方都两句话回答完,等候着下一个问题;

    例如:讲述一下这个界面设计的想法
    对方便说:我根据信息重要性,优先级,以及不同字号大小,颜色深重,来区分信息层级;就完了,说的内容也没错的确是根据这些基本原则,但这个问题可以更深入探讨,实际过程不仅如此简单。
    但是每个问题都三言两语搞定,面试官也很头疼要不断搜刮脑海中面试题目,以延长面试时间,不辜负面试者辛苦来一趟.
    可是这个效果给面试官的体验是非常不好的。

    那我们该如何准备面试题,如何深入思考看似简单的面试问题呢?
    这里便是:写下来,不要相信大脑的自以为知道,和临场发挥。

    面试前便准备充分整理编辑完成,即使整理的问题不被问到,但仍可主动引导到自己准备的内容中。
    因为UI设计面试,整个过程主要围绕你的设计能力,设计想法,实际想法经验,在你整理需要深入的答案之后,便会发现内容是互通互用的。

    上篇

    《UI面试的问题及解题思路》
    https://www.jianshu.com/p/88ecedf7664c

    这篇文章是自己之前整理的一份关于常规面试题的答案,而接下来的内容,是自己面试时整理出更深度些的答案参考;

    希望你能根据两份文章题目,自己搜索阅读分析出自己的答案,并写出来再记背,也别直接拿我的答案,因为并非出自自己之手,便难以感同身受,深度记忆。

    面试题案例,注重分析思考迁移

    1.问:品牌色如何运用在界面中?

    a.目的:简化设计,突出内容,有效传播;
    b.原因:善于控制界面的颜色,颜色(一般颜色不超过3种)
    c.方法:指导不同状态颜色使用;同色系中微妙差异,使用渐变色,邻近色

    换种问法:

    1.设计中不同状态配色技巧? (B值增10%-20%为Hover状态;B值减10%-20%为点击状态)
    2.字体颜色的选择思路?(避免设计含糊不清,层级明确;给予品牌色为基础,设定字体配色)

    2.问:文字排版时注意规则?或者你是如何做界面文字排版的?

    我选择字体的规则是:
    a:常用字号大小(例如:一倍图下10/12/14/16/18)
    b:对文字信息层级区分(字体大小颜色)
    c:预估信息呈现最大值
    d:善于利于提示符
    f:产品界面,用户长时间使用时,减少颜色反差,多保持中性

    同时带出,选择字体的一些方法
    字体需要:端正匀称,清晰可读,笔画严谨,风格现代
    轻字体用法:配合大字号装饰;加载欢迎引导页;辅助说明类文案
    重字体用法:引导操作控件文本;页面大级别标题,主题标题文案

    思路:可以揉合1和2问题,变成讲叙下这个界面为何如此设计?(分别从品牌色,和字体讲述)
    3.问:界面是如何配色的?

    a.先找寻主色,根据主色调配色
    b.尝试把HSB变整数,以10递增
    c.同色系,固定H B,调整S,以单一变量调整,同色系中有细微区别
    d.注意留白,布局要舍得,加大呼吸感,上下衔接,自然过渡,
    f.利用颜色,投影,营造视觉错位和强化空间感

    4.问:为什么要整理设计规范?

    我制定规范目的:
    a.保持平台统一性,提升团队效率,打磨细节体验
    b.分类合理,保持一致,排版易懂,定义清晰
    c.描述准确,场景完备
    同时还可以锻炼我的:收集信息;归纳总结,全面思考,清晰表达的能力

    方法:

    我整理规范的准则是:
    a.设计准则:掌控感,轻量,专注,系统,可靠,有指引性
    b.设计风格:通过颜色,字体,图标
    c.框架布局:基本的布局,卡片布局,导航类型
    d.组件设定:场景运用,控件的打包

    5.问:设计的趋势是什么?(建议找一篇完善有关趋势文章,整理记录编辑成自己的语言)

    a.扁平化,极简主义,更大更粗更多留白
    b.卡片+投影的组合
    c.icon的趋势:线性转面性;结果icon加动效;icon细节的刻画
    d.渐变色的流行
    f.3D效果流行
    g.插画风格大趋势:肌理插画,手绘,2.5D,渐变,扁平,线性,剪纸
    或者交互变得很重要,动态视频的应用,UR/VR/VUI未来趋势等

    思考:未来5G网络普及给设计会带来什么影响,预测接下来的趋势
    6.问:如何评价一个APP?

    a.页面的气质:主色系,字体,交互方式
    b.吸引力:文案,字号,字间距,版式,层级关系
    c.设计细节:加载动画,icon,引导使用,分割线,音效
    d.体现点:交互方式,产品思维,表现手法

    换种问法:如何判断一个页面的好坏?
    a.满足用户需求,减少用户理解操作成本
    b.让用户放心,捕获用户放心,有用性(易用性)
    c.结构清晰,流程清晰,不需要思考
    d.友好充满感情

    思路:以上两个问题点,还可以回答《你是如何设计一个界面》,或者问答《说出你喜欢的APP,并说明理由》基本答案换汤不换药,可以多个场景串用

    7.问:如何做全链路设计师?或者作为设计师你的价值和挑战是什么?

    把苍白的文字,数字变成直观的设计稿,能够链接各个不同的岗位
    对信息资源整合,有宏观视野
    学会“借力”,明白大家想要什么,同一件事不同人不同说辞
    学会“向外走一步”也许会遇到各种阻力障碍,便需要锻炼我们时间管理和精力管理能力
    自我成就感来源:设计和技术的冲突,权衡利弊,为各类矛盾寻找解决方案,纠结左右为难后提出最优解决办法

    关联问题:设计对企业的价值
    a.体验上的价值,交互逻辑和视觉体验
    b.品牌价值,由始至终贯穿产品,长期利益
    c.效益价值,让设计提供变现的能力
    d.功能价值,前期规划和用研,中期根据市场反馈新增或优化功能

    8.问:什么是流程化设计?

    a.理解业务流程,例如:目标,资源,受限,商务限制
    b.通过场景,体验故事,找到用户与任务所有接触点;有多个场景多个接触点时,找出第一个,和最后一个
    c.梳理接触点,寻找机会

    思路:根据这个流程,寻找1-2个案例,结合着表达,可以用自己项目中,或者产品分析中找出相关案例
    可演变的问题:讲述一个你认为有挑战的设计经验,在设计中遇到哪些难忘的问题,如何被解决,便可拿出上述流程做问答

    9.问:如何做竞品分析?

    a.证明/证伪已有的设计思路
    b.寻找新的设计思路和灵感(别人都做的;别人的亮点;别人不好的,自己的突破口)
    c. 确定分析的维度(你的产品通过什么方式吸引用户和对手竞争,为什么会选择使用你的)

    思路:可以把这块答案揉合到:关于如何完成一个项目;一个项目从开始到结束,你是如何参与的,做了哪些准备?

    10.UI设计的步骤是什么?

    a.了解产品的意图
    b.设计的重点是什么(尤其新功能从无到有,看时间是否需要“一步到位”“一鸣惊人”“与众不同”依据情况而定,了解产品重点,次要功能,优化补充功能
    c.产品经理,业务对于UI的建议,权衡多方位思考建议背后的逻辑原因
    d.产品的气质,并非一下子被找到,可以通过产品的创造者,创造产品气质,讨论所有的色系,符合想给用户呈现的观感体验
    产品的延续:围绕产品气质表达手法,包含icon细致度,圆角,图文选择

    换种问法:改版产品设计的方法?
    a.设计前:
    价值定位:确定整个链路的位置和作用(关键匹配用户预期值,匹配度越高越好)
    设计推导:用某种策略给目标用户带来价值,以实现某种变现
    b.设计中:
    分屏设计:每屏定义1-3个核心需求,确定有效的匹配内容
    内容设计:有效的体现设计价值观
    c.设计后
    指标监控,分屏指导内容和框架优化,测量内容的吸引度,下游核心转化率,继续迭代优化

    12.问:平板设计的注意点

    a.点击的愉悦感:巧妙使用空间,易于阅读的文本
    b.符合逻辑的交互线索,大尺寸的点击目标
    c.文本链接当用清晰,对比强烈的颜色
    d.增加内容边距,外边距

    践行清单,百看不如一写

    以上问题,多个问题可互相串通回答,仔细分析内容是上下关联,只是表达方式,详细层度不同,甚至相同问题不同表达方法,我们该如何准备呢?

    就如同分享会时所说:最重要的事只有一件;

    针对自己的项目经验,选择其中一个答案,确定记背,别不在看其他相类似的答案,避免面试时脑袋迷乱各种答案,反而不知道说哪个好。

    我的笔记

    上图是我自己记录写下的笔记。
    上述所有,每一项并非固定内容固定答案,建议拿一个本子作为面试准备,全部手下下来,避免电脑编辑为了省事全靠复制,导致印象不深。

    最后记住:每读完一篇觉得有实用的文章,输出践行清单;当犹豫不觉不知如何取舍时,记得最重要事只有一件,先专注随意选择一件事行动下去。

    我是糕小糕,糕小糕,希望文字的对你有用。
    正所谓:书宜杂读,业宜精钻,越努力越幸运

    相关文章

      网友评论

        本文标题:UI面试小技巧_用笔写下所思所想(附具体案例)

        本文链接:https://www.haomeiwen.com/subject/jcyqdqtx.html