• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 我用这个极限推敲法,有效推进视觉设计

我用这个极限推敲法,有效推进视觉设计

作者:CDY 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含经验分享,网易UEDC,视觉设计,设计方案,设计方法等相关知识,CDY希望在学习及工作中可以帮助到您

@CDYdesign :每当提到设计方法论时,总难免会给人一种比较虚空偏理论,或者说比较难应用到设计实战中的感觉;但是这一次,经过了自己的实践之后,我觉得确实有一个比较靠谱的视觉推进方法可以分享给大家,所以才有了这篇总结。

先直接概括一下这个方法,极限推敲法:遇到难题时,先把问题拆解成一个或者几个维度,选取某个维度,往两个极端进行尝试,随后逐渐中和极端方案,逐步找到自己想要的预期点,明确该维度的方向。

一、使用方法

  • 第一步,提炼一个或者几个关键维度,作为尝试的方向;
  • 第二步,优先尝试两端极限的方案;
  • 第三步,进一步在其间琢磨并尝试方案,直到找到符合预期的方案;
  • 第四步,若一直没有满意的方案,则可以继续以某个方案为基准,精细微调方案进行探索;
  • 第五步,得出最终方向,并最终调整形成终稿。

二、案例

例一:雄狮的logo设计

期望比较简洁的同时,又不能丢了狮子的辨识度,比较纠结的是,这个度该如何把握?

按照极限推敲法来,我们先确立「极简」和「写实」作为关键维度,然后优先尝试两端比较极限的方案;了解清楚两种极限的可能性之后,继续尝试,加减细节,寻找一个符合预期的图形状态;最后的定稿,既保持了鲜明的特征和辨识度,同时也不失简洁。

(推进过程中出方案的顺序在图中用数字标出,「1」即为第一次尝试,以此类推;具体推敲过程不在此赘述。)

例二:网易邮箱大师Tab icon改版设计

在网易邮箱大师5.0改版中,常驻底部的 Tab icon 是单独进行推敲优化的。在之前的版本中,图标的样式相对比较的刻板,偏向纯表意,表现力不强;在5.0视觉改版的策略中,我们是以「优雅」作为一个关键方向进行优化的,所以轴的两端就定为「刻板」和「优雅」,虽然并不是完全对立的两个方向,同时也包含了一些「表意」等其他层面的因素,但是其中有部分感受是存在对立面的,我们就以此作为关键点进行推敲。

可以从图中看出,在不影响表意的前提下,各方案间的图标改动非常微小,在有限的空间内去做一些变化;几经尝试之后,还是选择了更常规更偏表意优先,但是也适当加入曲线因素体现「优雅」的方案作为最终方向。

例三:内容信息流列表设计

期望内容列表的展示能给人以精品的感觉,但又不失去过多的阅读效率。

首先确立以信息量的多少作为关键维度,在形成了初步的样式之后,继续调整在一屏内条目的疏密以及排版来感知信息量的多少;在尝试之后,最终讨论决定,在初期内容源还不够「精」的情况下,还是最右侧方案的信息呈现更为合适,并以此做了最终调整。

三、方法原理

很多时候,极端情况是很难想象或者预判出来的,只有尝试之后,才能更清楚的了解到实际会出来什么效果,达到怎样的预期;在多次推敲之后,就能更好的了解期望的状态到底应该在哪个「位置」,让模糊的概念逐渐变得清晰;该方法最大的好处在于,让尝试变的更有目标,而不是胡乱尝试,让每一次尝试都更有意义。

这个方法也算是视觉标准可量化的一次探索,我称之为「伪量化」,因为最后的决策仍然是依靠感官去衡量判断的;把错综复杂的感官拆解成一些更具体单一的关键维度也是非常关键的一个步骤,是开始「伪量化」的前提。

四、适用场景

在以上所举的例子中,有 logo设计,icon设计和界面设计(所用到的例子都是实战,均为过往项目);其实对象可以是各种各样的设计,只要存在某种程度把握上的纠结,无法预判或者不明确方向的情况,都可以通过这个方法有效的推进并找到当下的最优解。在实战中,假如没有那么多的时间和精力去细化,可以仅选取关键维度,然后在关键维度内尝试方向探索性的方案(粗略的尝试),只要能感受到差异,即是有效的方案;当然如果有充足的时间,那完全可以精细化出方案,这样方案所传达的感受也会更加精准细致。

五、误区

要注意的是,这个方法并不是一种妥协的方式,也不是一种择中方案;我们所要寻找的是在一个维度中感受符合预期的位置,如果适合,也可以是非常激进的方案。

六、注意事项

这个方法只是提供了一种思路,如何更有效的尝试方案来推进视觉产出的思路;其中最主要的环节还是靠自己去摸索出方案的实践部分,去实打实的尝试;在这其中投入精力的多少,也受其他客观因素的影响,例如项目截止时间等等;不过我认为个人的主观能动性才是主导,一定不能懒,要作图,要动起来,仅靠凭空想象方案在脑中「出图」,一来说服不了别人,二来自己也底气不足。只要图形图像语言一直存在,那么我觉得对视觉设计师来说有一句话就是永远的真理:没图说个XX。

写在最后

这个方法是在工作中不断地讨论、实践、被他人启发之后而总结产生的,特别要感谢干爹以及团队内同学的指导与帮助。虽然在实际运用中也会遇到不少问题,也许在你看来似曾相识,或者你也用过类似的方法,但是仍然希望能给大家带来一些帮助与启发。

如果你有任何想法或建议,欢迎留言讨论。

图片素材作者:Brandon Land

「没灵感?来看这些方法」

  • 《设计师没原创灵感?试试这个方法!》
  • 《BAT都在使用的设计创新方法 ,现在手把手教你做!》
  • 《几乎适用于任何领域的万能创意公式,今天免费教给你!》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 该有的视觉元素全都有,设计不好到底差在哪里?
  • 为什么几个人的小团队更加高效更加靠谱?
  • 对于「以人为中心」的设计,你的理解可能太浅显了
  • 为什么大家都想学服务设计?来看CEO 的亲身经历!
  • 想为iPhone X设计UI?给你这11个设计小贴士
  • 疯传谷歌走All-White风?假的!其实只是合作伙伴的重设计
  • 在做产品设计的时候,预期和现实到底有多大的差别?
  • 设计出了错?很有可能是你没有问对问题
  • 为什么不要再问用户「你们到底想要什么」?
  • 想紧跟流行风尚?这5种平面设计趋势了解一下

相关文章

  • 2017-08-06优酷视频去30秒广告代码的两种方法
  • 2018-08-23专业科班方法!帮你学会网格工具这个理性的排版利器
  • 2017-09-29noe4j之cypher之where
  • 2018-08-23查遗补漏!网页设计过程中需要注意的12个常见问题
  • 2017-08-06五条准则帮你写出可维护的css代码
  • 2018-08-236个小技巧帮你从线框仔进阶成UE设计师!
  • 2017-08-06怎样设计网页?怎样制作网页?
  • 2018-08-23AI+AE教程!教你绘制一个超萌的黑人无奈摊手小动效
  • 2017-08-06出色的美工/网页设计人员需要掌握的7项技能
  • 2018-08-232018年​Behance 上最值得关注的20个设计趋势

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 浅谈网页中的字体的设置
    • 新鲜出炉!五个超方便的Sketch 48 新功能介绍
    • 腾讯高级设计师:交互知识树系列之视觉思维
    • 为什么你的用户测试是无效的? 来看高手的方法!
    • 轻松看懂规范!详解组件控件结构体系之单元控件类
    • 2017年过半,设计师们都跟着这些趋势做设计
    • 科普手册!值得新手收藏阅读的界面设计原则
    • 网页设计与西方建筑的发展历程有何相似之处
    • 让传达更有效!7个提升数据可视化的实用技巧
    • 从零开始设计一款APP之视觉还原+上线准备

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有