恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
向传统进军:将扁平化设计应用到纸媒中
0.0°
2014-11-20 好文转载 经验/观点 原作者: SKYUI 举报 3599 15 7 1


关于扁平化的趋势我们真的讨论的太多太多——因此你肯定知道了关于这种趋势的种种。

 

简化版的阐述就是:扁平化设计师不使用装饰、不使用设计花招,比如阴影、凹凸、渐变等等元素来让设计显现的更加“真实”。整个设计的特征是通过极简主义的风格去用色、使用较粗的字体,来创造一种卓越的用户体验。

 

在网页设计、手机界面设计中,这种设计方式被广泛的应用,但这次我们谈论的话题是纸媒。有读者在Twitter问我:你怎么将扁平化设计转换到纸媒中呢?

 

其实这比你想的简单多了

 

一、关于趋势的研究

为什么你曾经在网页和纸质设计中都使用扁平化风格?

 

1.因为用户喜欢扁平化设计的外观

2.扁平化设计能够突出重点,营造可持续性的观看效果

 

扁平化设计真的一点都不新颖,尽管现在看起来非常的流星。但其实这是很多年前就以不同的形式存在于界面设计中了。而且能够广泛的应用于不同的项目。

 

扁平化概念曾经在名片、海报、报纸设计中出现过,而这要早于网页和界面设计。

 

二、扁平化印刷的一些建议

 


在使用扁平化印刷体系之前,有很多考量——不同颜色的选择,整体的效果、色彩在纸张上的呈递效果以及色溢问题。(RGB色域要宽于CMYK,色溢的就是无法用油墨表达的色彩)

色溢现象

 

当把扁平化设计从“数码”翻译到“纸媒”的时候,颜色是个重点。数码设计通常使用基于RGB或者HEX的颜色模式。而印刷行业更喜欢使用CMYK(青色、品红色、黄色、黑色颜色混合模式)。CMYK的印刷品通过” 色盘”来创建颜色、混合颜色。

 

当我们看屏幕的时候,很少考虑色溢的问题。然而偶尔会出现一些颜色混杂到一起的现象,但是纸媒印刷工作上,这是常见的问题。颜色越深,越容易和浅色出现色溢。而纸张的重量也影响到色溢问题。薄的纸张比厚的更容易色溢。色溢影响到读者的阅读质量。如果你用墨太多,那么要保证使用厚重的纸张、使用粗一点的字体来避免潜在的墨汁溢出问题。

 

最后,考虑一下色彩活力的选择。数码设计有着很高的兼容性,能够轻易的展示不同种颜色,真实又有形。而纸媒不具备这些优点(想想海报和名片吧)。因为精确的问题,因此纸媒上对阴影的表现不如屏幕。而且很多色彩在CMYK色彩模式下,看起来完全一样,比如Amethyst和Wisteria这两种颜色。

        Amethyst

          Wisteria

三、而这一切对于扁平化网页设计来说又意味着什么呢

如果你仅仅从事数码上的设计。那么上面提到的一些注意事项对你来说没什么意义。

如果你的项目有网络与印刷上的交接,那么他们就非常的重要。

网页设计师可能会发现,他们要为此选择合适的颜色,以便兼容不同平台。他们要顾虑到不同平台的匹配度,在选色上更加的节制,设计师可能会在色调上下苦功来打造对照的效果。

 

字体的选择同样也受到了冲击。要想印刷出来,你就必须准备好字体、打包、然后打印出来。你可以从Google Web Fonts等网站借鉴一些字体,但是却无法安装到计算机上。因此Google Web Fonts上的很多字体无法应用到印刷中,设计师因此对字体很纠结。

 

最后,设计师一定要考虑从开始到结束的整体效果。可能将网站上的设计转移到纸媒上很困难,毕竟印刷业有自己的设计准则,而互联网更加自由。

 

CMYK模式的Flat风格颜色参考

Flat UI Colors是一个不错的网站,展示了20中流行的扁平化设计色调。但是仅仅适用于HEX和RGB。

 

我们将此转换成了CMYK模式,以便于你用于印刷。一定要记住,不同的打印机和不同的印刷机的效果也不一样,因此在打印之前要多试验、多调整。

 

当跨平台使用这些色彩的时候要注意:在RGB和CMYK模式下他们看起来有细微的差距。这些色彩是用来构建扁平化设计风格的。

 

我的建议?使用第二排和第四排的去做印刷项目效果肯定不错。

 

图中的这些颜色饱和度很高,包含了很多CMYK模式的颜色混合。

 

还有别的建议吗?如果你打算使用白色的文本,那么用色上就尽量选没有混合黑色的颜色。如果你选色黑色作为文本,那么用色上尽量选择含有黑色混合的颜色。这能帮助打印的效果更清晰。

 

四、印刷上的扁平化字体

 

因为分辨率的缘故,很多网页上应用的字体,无法用于印刷。

 

选择那种既能用于网络、又能用于印刷的字体很重要,或者选择两种相似的字体,一种用于网页、一种用于印刷出版。

 

Helvetica和Lobster效果很不错,这就是我的建议。

更新:2014-11-20

收藏

15人已收藏

沙丁鱼Design

这个家伙好懒哦~什么都没写~

  • 13

    作品

  • 114

    粉丝

  • 65

    关注

  • Google立体化,Apple扁平化
  • 用拟真的方式说拟真设计的信息图
  • 终极资料扁平化设计(素材工具篇)
  • 终极资料扁平化设计(案例篇)
相关标签
设计经验分享

    猜你喜欢

      2014-11-20 好文转载 经验/观点 原作者: SKYUI 举报 3599 15 7 1

      向传统进军:将扁平化设计应用到纸媒中

      0.0°

      你确定要举报向传统进军:将扁平化设计应用到纸媒中

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年11月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      15
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录