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

要设计师「小一点的同时大一点」,很过分吗?

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

本文主要包含经验分享,设计服务等相关知识,希望在学习及工作中可以帮助到您

前段时间,朋友圈里的设计师开始疯传这句话,嘲弄一些完全不懂设计的客户瞎指挥。

但是,“小一点”的同时,真的不能大一点吗?

这个任务曾经被完成过,这关系到十几年前,那一次全国报纸届的大变化——在上个世纪,中国所有的报纸都采用一款1964设计的老字体,被人称为“老报宋”

在2004年前后,一些报纸公司希望把字体缩小一个字号,由9pt缩小至8pt,但是这个改变难以推进。许多大龄读者抱怨,本来就要带着老花镜看报纸,你这么一改,岂不是要我们拿着放大镜看了?这时候,报纸公司有了这样的需求——我们希望把字体缩小一号,但是字要大一点,让读者看得清。

随着这种需求,应运而生了一款新字体“博雅宋”,吉林日报首先采用了这款新字体,仍然使用8pt的字,却意外得到了好评。一些读者甚至以为字体又恢复到了9pt,打来电话表示感谢。随后,全国各大报纸渐渐开始使用博雅宋等新字体,替代老报宋。

这就是一次经典的“小一点的同时大一点”的设计。

字体设计师在设计博雅宋的时候,暗藏了许多小机关,其中很重要的一项,就是把字体的“中宫”扩大了。

“中宫”指的是把字分一个九宫格,中间那一格叫做“中宫”,而“中宫”大的字,特点是字中间的空隙变大了。

这样一对比,不难发现博雅宋中间的空隙比老报宋大得多。

也许练书法的朋友曾经听老师说过,写字要”中宫收紧。意思是不要把字写得四仰八叉的。中宫紧,对于书法是美,但并不是什么东西都是越紧越好的。对于报纸上本来就很小的印刷字,这一紧,眼睛看起来也紧,就会给眼睛带来很大的负担。

对比一看,老报宋的字确实大一圈,但是阅读起来,博雅宋却一点也不比老报宋费劲。其中的主要原因就是中宫扩大之后,使得字看起来也大了。

于是,设计师完美完成了“小一点的同时大一点”的任务。

不久之前,森海塞尔微调logo,也是一种极为相似的方案。

logo在原基础上瘦了一点,但是同时,设计师收窄了边框线条,去掉了白色的缝隙,使得内部的白块达到了“中宫放大”同样的效果;把字体设计的更加干净简洁,使得字体辨识度更高,这样一来,这个小一点的新logo更容易在混乱的场景中被人一眼看到,在视觉上也就“大了一点”

变小的方式很多,变大的方式也很多,小一点的同时大一点,并不是不能完成的任务

另一个梗:“五彩斑斓的黑色”。又是一个听起来不可能完成的任务。(参见:破功之法!这就是甲方要的五彩斑斓黑!)

但是,闪电自行车公司的设计师,就接到了这样的一个订单,而且完美完成。

这个任务是为世界冠军设计专属自行车,要用黑色,同时把代表世界冠军的彩虹元素用在车上。

△ ?代表世界冠军的“彩虹荣誉衫”

一段时间后,设计师交出了这样的一辆自行车。

什么?黑色的车架上加上一些乱七八糟的彩色色块?这特么也能叫设计?

别急!来,凑近看,在黑色的喷漆之下,藏了许许多多白色的小亮片。

当我们把这辆车拿到户外,当赛场的发令枪响起,当这辆车在阳光底下飞驰……

一道彩虹就会从人们面前闪过。

设计师在黑色的漆下,利用小亮片反射阳光,让阳光完成了“五彩斑斓的黑色”

△ ?今年闪电的设计师又用新的技术设计出“五彩斑斓的灰色”

设计师不仅仅是艺术家,同时也是服务者。

艺术家可以坚持自己心中的美,抵抗那些不合理的要求。但设计师做的事,不是给出自认为最美的方案,而是权衡各种要求之后,给出最优的方案。

客户总会有奇奇怪怪的,不美的,甚至不可能完成的需求

这是设计师最痛苦的点,也恰恰是设计师最伟大的地方,设计师的伟大,就在把那不美的事,变成美,把不可能的事,变成可能。

有人问“有没有圆润的棱角”,我觉得也是可以有的。

“棱角”是近年崇尚极简的工业设计中的常见元素,很多工业品会通过加强“棱角”带来现代感。“圆润”则可以理解为符合人体工学,这样一想的话,其实就是“又现代又符合人体工学”,合适的例子就多了。

好的工业设计产品那么多,评论里也提出了许多经典的工业设计,其中手机最热门,我个人觉得一个方形的东西放在手心,最多只能做到缓解不适,要“圆润到舒适”还是有难度的。

思来想去,想到有一款钢笔,非常适合“圆润的棱角”这种说法。

在上世纪80年代之前,市面上绝大多数钢笔都是圆润的,要么是圆柱体,要么是两头尖,中间胖的长条橄榄状。

这非常合理,一个需要长期握在手中的物品,圆形应该是最舒适的了。钢笔在很长一段时间的发展中,工艺不断提升,制作越来越精美,但是圆形的笔握却从未彻底改变。

随着20世纪包豪斯风格盛行,一股极简主义风吹到了文具市场,越来越多的年轻人渴望一款有个性的钢笔,甚至有一些用户反馈,希望得到一款“自由”、“冒险”的钢笔。

显然,和圆润告别的时代到了,设计师们需要设计一款有棱角的钢笔。如何权衡棱角与圆润的关系,成为了一大难题,让笔盖变成方的?让笔杆子变成方的?做一个18边型的?或者?

设计师Wolfgang Fabian拿出了一个几乎完美的解决方案。

△ ?凌美Safari系列诞生了

“棱角”不仅出现在了笔杆上,更是大胆的出现在了笔握的部分。利用巧妙的切割角度设计,让这个三角形的笔握正好贴合手指的发力点,使得这支有棱角的笔,竟然比圆润的笔更舒适。

在圆润和棱角的问题上,大多数的解决方案都是寻找平衡点。而这个设计了不起的地方在于,它不是一个权衡棱角与圆润的产品,而是直接让棱角变成了圆润的条件,正是因为这些凹陷的棱角,让钢笔的握持感更加舒适,设计师的智慧体现得淋漓尽致。

最后说一下前文争议比较大的森海Logo,选用森海的logo,是我在最近两个月更新的数百个品牌logo中,挑了一个相对接近文章提到的“中宫放大”这种手法的。

但是,森海的logo更新目的是为了让logo更有现代感,“小一点的同时大一点”只是顺带产生的效果(毕竟也不会有客户要求要把logo修改得“小一点且大一点”,只能找个接近的)。

「那些年设计师与甲方的故事」

  1. 《9张图告诉你设计师和甲方的世界到底有哪些区别!》
  2. 《这才是真相!为什么中国的甲方都不愿意为设计付出高额费用?》

原文地址:zhihu

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

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

设计

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

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

相关文章

  • 2018-08-23饿了么高级设计师:界面视觉设计 5 要素
  • 2018-01-28Git学习知识点
  • 2018-08-23从事用研6年后,我总结了这四个最重要的技能
  • 2018-08-23设计师如何打造双11网红爆款?揭秘天猫精灵的全链路营销设计过程
  • 2017-08-06设置块元素居窗口中间的位置实现方法
  • 2018-08-23从上亿人使用的阿里收藏夹迭代过程,总结视觉设计师应该拥有的体验思维
  • 2017-08-06人人必知10个网站易用性技巧
  • 2018-08-23用一个实战案例,教你学会分析App 的用户评论
  • 2018-08-234000块的薪水已经三年没涨了,我现在慌的一批…
  • 2017-08-06制作手机上浏览的网页心得

文章分类

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

最近更新的内容

    • 赶紧收藏!连BAT设计师都在使用的视觉动线技巧(下)
    • 腾讯干货!虚拟To B支付设计研究之基本知识科普篇
    • 深入理解指定IE浏览器渲染方式
    • 这个超简单的教程,帮你学会C4D 制作动效的基础方式和流程
    • 探讨百度百科UI的发展趋势
    • Iconfinder 开发了一个超强大的图标在线编辑器!
    • 如何把设计技巧融入进用户体验?来看高手的方法!
    • Facebook 产品设计师:如何提高自己的设计审美?
    • 案例超多!3大类APP弹窗提醒方式总结
    • 微交互是如何塑造优质的产品细节的?

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

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