童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

总监级的思考!视觉设计该如何赋予产品个性?

12月12日 孤行者投稿
  最近经常被问到“设计如何赋予产品性格”,“如何通过分析确定哪种视觉风格更合适”等问题。遇到这些问题我很高兴,因为这说明越来越多的人开始重视更高层次的设计问题,而不是局限于设计技巧、审美等表层问题。
  恰巧过去的半年,我也在研究品牌设计相关的方法。一是因为发现行业对品牌设计的研究有了长足的进展,但设计结果却没有太大的改善(行业内有个怪象:会使用方法论的设计师作品质量不见得好;设计质量好的又不见得会正确使用方法论。很多设计师因此排斥方法论);二是因为我们在做的是B端的产品,这方面的设计研究基本上是空白。
  从流行的设计风格到符合产品定位的设计风格,再到充满品牌个性的设计风格,我和设计师在这中间经历了很多挫折。索性我们一直没有放弃,期间不断探索试错、沉淀方法,历经将近一年时间最后终于找到了答案(在传统方法上的突破和创新)。
  在这里把总结的经验分享给大家,希望更多的设计师可以通过它塑造出符合产品定位且充满品牌个性的设计,为企业的品牌建设添砖加瓦。
  品牌设计推导过程
  目前来看,即使是在BAT这样的公司,有“个性”、“出彩”的设计也并不多见。问题出在哪里,对照上图,我认为“投石问路”、“个性关键词提炼”、“设计主题设定”是关键,而这几点是目前行业欠缺的。
  一、制作竞品图谱
  这个过程有点类似竞品分析,寻找同行业(产品经理推荐、网上查找)产品,从中挑选设计质量较好的,把页面存成图片,把logo分类整理等。在这个过程中我们自己也会对网站进行一些分析。
  二、探访品牌感觉
  做到“知彼”还不够,还要“知己”。很多设计师都有这样的烦恼,辛辛苦苦做出来的设计稿,在领导眼里却是各种问题,甚至要推翻重来。除了视觉表现能力外,大部分的情况是因为对产品的理解和认知与他人不一致造成的。怎样既能充分了解对方高屋建瓴的产品理念,又能避免被对方不专业的设计意见牵着走呢?这里我们使用一种“预访谈”的方式(我们给这种方法起了个名字叫“投石问路”)。
  召集产品owner、产品leader等重要角色,拿出之前准备好的竞品图谱,询问五个问题:
  您觉得目前的网站界面有哪些问题?期望本次改版达到什么效果?(从0到1的产品可跳过这个问题);
  请整体评价竞品logo界面,有没有哪些点符合咱们产品的气质?
  您认为咱们的产品应该体现出什么感觉气质?
  如果把咱们的产品比作一个人,他应该是什么样的人?
  哪些logo网站整体最贴近咱们产品的感觉,为什么?
  “投石问路”法
  这样既能深刻理解产品定位、气质,又能了解到使用什么设计形式最贴近这种气质,还能知晓最终的设计拍板者对各种设计形式的看法,避免设计师做很多无用功,同时还能在正确的方向上充分发挥。“投石问路”的方法在我们的设计过程中起到了至关重要的作用。
  三、“个性”关键词提炼
  目前我们已经做到”知己知彼“,相当于掌握了丰富、正确的原料,接下来就要进行加工创作了。
  关键词提炼的方法相信大家都不会陌生,我们之前也使用了这种方法,但是效果并不理想。因为我们最后设计出了“正确”但不“出彩”、缺乏“个性”的产品。以前我们做过一个保健品类的项目,通过情绪板的方法提炼出了关键词”自然、健康、可靠“,最后设计出了毫无惊喜感的界面,还被人质疑抄袭了一个三流健康类网站(确实很相像,我们看完都惊呆了)。设计师也对这种方法颇有微词,认为效果不好(不用情绪板的方法也能想到这些词,也知道该用绿色)还在一定程度上限制了发挥。
  问题出在哪里呢?是对设计的认知出现了问题:设计不仅包含对产品理性客观的理解,对产品感性主观的认知,更要有对产品个性塑造的升华。而之前错就错在仅通过理性或感性的方式来推导关键词,却缺少了重要的艺术加工的过程,结果自然就不会有惊喜。我们都知道艺术创作是”源于生活,高于生活“,品牌设计也是一样,它源于对产品的理解,同时又高于这种理解。如果我们只是按照普通的方式去提炼关键词,势必得到普通的设计。类似”潮、简单、科技、温馨、可靠”等关键词,是不是可以套用在无数产品上?那据此而设计的界面又怎么赋予产品独特的个性呢?那看似无懈可击的推导,最后却又产出平庸的设计也就不足为奇了。
  品牌设计模型
  顺着这个思路,我们再提炼关键词(以我们目前在做的一款大数据产品为例):
  我们和一线的产品经理一起头脑风暴,从理性角度(产品定位)及感性角度(大家分别说说产品给他的感觉)提炼了一些关键词,再通过“投石问路”的结果(根据我个人经验,一线产品经理比较务实;owner及leader的想法比较缥缈)及设计师的大胆创意,想象出如上图的个性关键词。从图中可以看出,这里的个性关键词是非常抽象的,它给人很大的想象空间,并且源于理性和感性词。现在有没有感觉产品已经有一些个性出来了呢?
  四、映射个性风格
  有了这些词,我们就开始找相关的图片制作情绪板了。和传统的情绪板(关于情绪板的方法网上有很多文章,这里就不介绍了)方法不一样的是,我们并不一定要从情绪板里提炼出什么然后严格遵守。因为情绪板就是一个工具,是帮助设计师找感觉的,而不是限制住设计师思维的。
  情绪板的作用是帮助设计师把关键词图形化,同时思考它是否合适?比如玄幻这个词应该是一种什么样的视觉表现?这种视觉表现体现在界面上好处理吗?太极用作logo的话,能够有哪些表现形式?一方面要通过情绪板找感觉,一方面在界面上反复尝试(试稿),然后通过权衡找到合适的风格,这是一个反复迭代的过程。
  五、设计主题设定
  经过多次试稿以及大家的意见,设计师决定通过行云流水的整体感觉打造既有中国特色,又有B端产品感觉的独特风格(由于视觉稿还未上线,所以这里不多说了,仅用于说明方法)。logo融入了太极水滴水晶球的元素,界面主题为海洋(数据可比作大海,同时海波也是常见的古代传统花纹元素),界面元素多考虑曲线以及传统纹样,整体强调对比(太极)及留白(中国画),突出意境
  设计主题非常的重要,没有主题的设计会显得单薄、平淡,缺少灵魂。
  六、设计方案推演
  其实设计师并不是一开始就决定用行云流水的感觉贯穿界面始终。最开始他想从“阴阳”、“太极”、“海波”等感觉入手(来自个性关键词),但是大家觉得效果并不是很好;后来我们决定更落地一点,找找“中国风”的感觉,在这个过程中通过情绪板了解了很多中国传统的纹样,改进后发现风格确实明显了,但整体比较零散,缺乏主线;大家不断在界面上找问题,给建议,设计师也做了很多功课,没事就上网搜各种中国画找灵感,最终确定了“行云流水”作为贯穿界面整体风格的主线,界面主题、元素、风格均围绕这种感觉,最终设计出风格独树一帜、个性十足又不失B端产品行业共性的作品。我们与众不同的品牌基调也就此确定下来。
  所以五、六步并不是一个完全线性的过程,它们是一个不断迭代的过程:先通过第四步情绪板映射个性关键词,然后试稿(设计师个人尝试),在这个过程中有了大致的设计主题(比如第一个版本就有海洋元素),在此基础上通过设计方案推演(大家给建议)不断改善,在这个过程中设计主题越来越清晰,再通过不断的推演达到最终效果。
  所以如果你看到某个设计师讲述自己的设计推导过程是按照步骤顺序完成的,那基本是不可能的。不管是做产品、做交互设计还是视觉设计,都充满了无数的迭代过程。再优秀的设计师也要通过不断的修改完善自己的作品。我相信好的设计都是改出来的。
  最终我们的设计稿在挑剔的老板面前一次通过,大家都感到很兴奋,貌似这是第一次这么顺利。
  写在最后
  在互联网2。0时代,设计师没有什么章法,更多的是随心所欲的做设计,设计好坏靠的是设计师的个人能力。
  在互联网3。0时代,各种优秀的互联网产品层出不穷,对设计师的要求也越来越高,优秀的设计师不仅要有基本的审美能力和设计技法,还要懂产品、懂用户,懂怎么通过UI设计正确的引导用户。对于行业巨头来说,如果只凭设计师的个人能力,整体设计水平将变得极不可控,所以开始重视方法论、重视设计师的推导能力。这样可以很好的提升设计师的理论能力及产品能力,让更多设计师认真的思考如何做正确的设计;但同时带来的反面效果是设计师的创意能力受到限制。最近几年,国内的设计呈现流水线般的感觉,优质而有创意的设计越来越少见,与之不对称的是设计师的自我包装能力越来越强了(否则通过作品没办法拉开差距)。
  在逐步发展的“互联网”时代,互联网会渗透到各行各业,这对设计师也会有不一样的要求。每个行业的情况都完全不同,这要求设计师既要根据行业、产品特点做出正确的设计,又要通过独特的设计语言赋予产品不一样的个性。未来注定是一个在设计上百花齐放的时代,随着设计行业的不断成熟,同质化的设计会越来越少,在某些独特的行业,设计师甚至会无竞品可借鉴,只能通过扎实的基本功确定设计方向。
投诉 评论 转载

APP常见的几种刷新类型这两天无意看到一些内容刷新案例,发现原来光一个刷新操作,也是有不同的刷新类型区分的,所以在这里记录一下。内容刷新主要是为了消除因时间间隔造成的内容或状态不……那些上亿人都在看的Banner都是怎么设计出来的?每到一年一度的大促季,会场、页面、互动游戏,都在紧张设计之中,这些精美的页面和互动游戏,如何与用户产生联系?必然需要一条与用户连接的纽带它就是BANNER。有些人可能认为资源位……译文交互设计中对于“可控性”的理解前言交互设计师追求的是让用户获得极致的用户体验。但在很多使用场景中产品的体验是不可预测的,运用常规的设计方法是无法照顾到的。就像出门遇到堵车,旅游遇到坏天气一样。这种情况……从三个案例出发,聊聊交互设计师的核心价值交互设计师的核心价值是什么?这个问题很经典,知乎上有这样的提问,面试中也会被问到。为了避免过于空洞和理论,本篇结合三个小案例来聊聊我的理解。案例1:登录功能的优化在……UCD,以用户为中心的设计前言:一直有在梳理自己的知识结构,也靠这些所谓经验做了几年行业培训,今年是从业的第十一年,我觉得差不多是时候把这些最初来自同行、互联网和书籍的知识再还给行业,我会把所有所得分章……交互设计基础聊聊移动APP中反馈提示的设计方法与实例给用户及时、恰当的反馈,是交互设计非常重要的一项原则。由搜狐新闻客户端团队撰写的《设计之下》一书中,对操作反馈从形式、内容、位置几个方面做了非常详细的总结,满满干货。今天青溪J……APP常用导航总结虽然我承认导航这种东西在现在的app非常常见,但是实际上,这种东西也不是必须存在的。如果应用够轻,比如雅虎每日新闻NewsDigest就不存在导航这种东西。只有当app的架构扩……总监级的思考!视觉设计该如何赋予产品个性?最近经常被问到“设计如何赋予产品性格”,“如何通过分析确定哪种视觉风格更合适”等问题。遇到这些问题我很高兴,因为这说明越来越多的人开始重视更高层次的设计问题,而不是局限于设计技……交互新人眼中的交互设计从一开始选择做交互设计这个岗位,我就一直在思考:“交互设计究竟是什么东西”。近段时间以来参加了一些面试,每次面试都会让我去重新思考一下这个问题。加上最近又做了一些工作,看了一些……手机端官网设计:适配还是不适配,这是个问题文档说明Pc端使用平台:QQ浏览器9。0(2315)Chromium43。0。2357。124IE9。0。8112。16421手机端使用平台:……腾讯高手教你靠谱的布局设定方法有一种奇怪的现象会经常的看到:很多设计师没有办法清楚的跟其他人解释他们是如何设计的,越细致的地方可能越是如此。比如,这个菜单的宽度为什么是200px?250px或者190px是……数据可视化:如何为数据寻找适合的配色虽然如今好的配色方案已经唾手可得,但为数据可视化找到合适的配色方案,却仍是一项巨大挑战。在Graphiq,事情甚至更加棘手,因为我们要通过上千种各不相同的数据集合来传递信……
产品发布:掌握5个关键要素,轻松俘获千万用户初入行PM必备:大白话告诉你计算机基础知识(第二弹)产品经理,你会不会好好说话?从想法到产品诞生,产品经理需要做哪些工作?需求分析篇从实例分析中理解业务需求、用户需求、功能需求的转化写给前领导的信从运营到产品,我收获了这些初级产品向:后台原型需要进行哪些说明从事UI设计一年半之后转产品,我有一些心得企业内部业务系统的挣扎聊一聊我对产品原型的心得体会逢上线必加班?如何做好上线前的产品测试?如何评判一个产品需求的价值?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界