阅读&配色——娱乐毁三观设计思考

用户头像
广州/交互设计师/13年前/19303浏览
阅读&配色——娱乐毁三观设计思考

专栏的阅读顺序:专栏的区域划分有明显界限。核心信息区放在明显的位置,且每段有明确的标题。弱化装饰(设计)带来的阅读


专栏的阅读顺序

      专栏的区域划分有明显界限。核心信息区放在明显的位置,且每段有明确的标题。弱化装饰(设计)带来的阅读障碍,尽可能大的区块空隙。这点可以参考书籍设计的版式,左右留的空间要比上下区域的空隙要宽。


  • 左边区域:

    理想的用户阅读区域宽度大约是550-600px,这种宽度只针对长篇文章的阅读习惯。短文可能就要更短。大部分情况,如果只有文字作为全部对象,会显得过于乏味。这点和传统的书籍有点不同。传统书籍很多内容都是以文字组成,甚少图片元素穿插。


  • 1)长文章理想宽度是550px左右。

    2)左右空隙要比上下空隙宽大概2-3倍。

    3)试着在底部加上反馈功能,如一个喜欢的按钮。


  • 右边区域:

    其实这部分可以模仿博客的形式,辅助信息放在右侧。最好能有网友互动的部分,考虑到不同屏幕的兼容性。部分网友反映右侧的区域不能看全,因为采用的是跟随滚动的形式,只能保证最重要的信息永远存在。


  • 1)右侧部分滚动区域的高度应该是<=500px

    2)返回顶部按钮是必须存在,尤其文章过长的情况出现。

    3)有交互功能的部分放在这里,最好能按属性划分区域。如分享,评论,微信这些独立的区域,免得用户混淆概念。可以利用图片,宽间隔和线条区分不同的区域。







       栏目名是“娱乐毁三观”,听上去挺大众和屌丝,每月出两期线上版,为了不增加负担,减少设计参与度。方便编辑更换底图。设定的时候尽量简单化处理,整块区域做成一张底图,每次只要更换左上角的底图,这时候,编辑需要掌握基本的蒙版概念,对图片做一定的渐隐处理,而且要明确告诉对象,选取图片时,尽量选择偏深色的素材。


      【阅读体验】

   


娱乐八卦看香港色彩

      大部分的娱乐类栏目其实都可以参考香港杂志的模式,特别是其用色方面,它们极具标志性色彩。分析其配色方案,得到的初步印象是CMYK(印刷的4色)。这四种颜色都拥有高纯度和高明度的特点。辅助色则是各色的照片。由于大部分图片都是偷拍,成像质量不高。如果做成类似高端杂志的感觉,不太合适。主要可能是考虑到不够显眼,这种配色方案容易令人引起注意,也算是一种约定俗成的娱乐配色体系。


      1)娱乐配色:CMYK+黑色(成像质量不高的照片)

      2)字体组合错落有致

      3)字体较粗,大部分有底图或描边





利用工具分析:Color Hunter

  地址:https://www.colorhunter.com/  

  曾记得大学童鞋一天突然问我,中山印象是什么?我建议他从相关的图片选取代表色,比如是中山市的地标建筑,风俗,气候等等。这时候,我想起是这款分析工具Color Hunter。如果我想知道图片的配色,可以通过上传照片,电脑会给出大致的色彩方案。这是我上传香港八卦杂志的封面得到的配色。与自己分析的结果相比,可能电脑的数据会不太准确,主要是干扰的元素太多。人物的肤色,头发,照片背景都会对结果产生影响,只能将此作为参考,主要的分析任务还是通过人去完成吧。


19
举报
|
190
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】秒杀icon
UI通用设计素材1
3D渐变流体抽象矢量UI背景图
【新年UI图标】会员icon
新拟态风格 UI设计组件库
【新年UI图标】礼物/活动icon
钱包ui模板
【新年UI图标】体育icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
智能家居中心 简约 UI设计组件库
【新年UI图标】旅行icon
户外旅行飞机情侣假日出行
手表表盘UI系列
Security Camera UI kit
UI 登录界面设计模板包
拟物风质感写实UI卡片合集源文件
【新年UI图标】汽车icon
高级表盘系列UI源文件
3D卡通UI界面图标可爱插画免扣素
科技医疗透明柜UI界面设计
UI界面 组件
【新年UI图标】钱包icon
你可能喜欢
相关收藏夹
大家都在看
登录注册