智唯高端建站是一家专注中小型企业网站建设、营销型网站建设、响应式网站建设公司

建站优化电话:138 2557 5516(免费SEO检测 保证收录 保证排名)
广州建站微信号
返回旧版
网站设计News
公司网站建设

进阶学习!如何做好产品界面中的内容设计?

关键词:广州建站 作者:智唯建站 | VISITORS: | 来源:智唯网络科技
05Dec
2017
今天想聊的,不是什么设计技巧或是方法,而是一个非常基础,但在设计过程中又常常无意或有意忽视的问题:对设计稿内容的把关。

  今天想聊的,不是什么设计技巧或是方法,而是一个非常基础,但在设计过程中又常常无意或有意忽视的问题:对设计稿内容的把关。

  往往我们会认为自己是产品框架的设计师,用户往里填什么内容和设计没太大关系。

  产品上线后,老板气冲冲地找到设计师时,设计师一脸委屈地拿出当初漂亮的设计稿:这届用户品味不行,怪我咯?

  引用一句今年被反复提及的一句话:未来整个互联网设计师,更加强调的是内容创意的设计,而不仅仅只是产品框架的设计。

  内容创意是一个很大的话题,而今天要讲的,只是设计对内容把关的一个最基本的要求——对设计稿中内容的真实性有足够深度的思考。下面将结合一个案例,就内容真实性的三个层次,以及它对项目和设计师自身的价值进行探讨。

  案例简介

  工作中的项目不便用于讨论,下面用一个专为平时讨论方便做的虚拟项目「一站」作为实例。

  由于只是基于诸多业务背景上的假定去设计的一个概念方案,也许有些地方作为例子并不是最恰当的,但用一个自己熟知真实思考过程的项目去阐述,是我目前能想到最好的方式。

  「一站」是一个基于地铁查询工具的内容分享平台,用户可以单纯将它当做一个地铁查询工具来使用,也可以当做一个分享自己与地铁有关的故事、寻找共鸣的树洞。

  

进阶学习!如何做好产品界面中的内容设计?

 

  下面引用当时写的一段简介,简要介绍一下这个case的设计背景:

  网易云音乐乐评和杭州地铁的结合爆红时,我想过为什么地铁和乐评这么搭。

  地铁站已经从一个交通设施,越来越像是城市一个片区的代名词,每天目送过客来来往往。而深处地下的地铁站并不是一个明快的场景,它是一个适合思绪闪回和触景生情的地方。所以,和回忆和故事有关的乐评,在地铁里出现显得格外融洽。

  那么如果地铁站本身也有属于自己的「站评」呢?

  关于这个案例的更多背景可以戳→ 《一站:提起一个地铁站时,你会想起什么?》。

  从一个反例说起

  首先来看看一站的首页,首页的几个主要板块包括顶部的「今日推荐」卡片轮播、本周热门、好友推荐、编辑精选。

  我还为这篇文章准备了一个对应的反例版本——刻意按Dribbble上有一段时间很常见的一类飞机稿风格出的。

  

进阶学习!如何做好产品界面中的内容设计?

 

  正常工作环境中,我相信反例里的这些问题是肯定是看不到的:

  在面向国内用户的项目里为了看上去高大上采用英文排版、用外国人头像和ID。

  界面主体全靠精美的图片撑起,甚至界面配色也是根据图片来取的——所以不经过严格的配色思考也能看起来契合得很好。

  文案和内容莫名其妙——谁会在一个关于地铁站的故事里写图中这些生硬的句子?

  为什么要先举一个这么离谱的反例?

  一来,是因为这些问题和本文正题中想讲的问题有共通之处。

  二来,也想借这个例子讲点题外话:Dribbble上这类飞机稿势头正盛的时候,我与Dribbble上知名度非常高的一位动效大神同事聊过这个问题。这类稿子的一度泛滥给入门中或者入门不久的朋友带来的误导很大,以为真实工作中就是按这种套路拼凑一些貌似好看(其实也未必)的单张飞机稿完事,甚至在作品集里大篇幅如法炮制相同风格的稿子,导致投递后石沉大海。

  因为商业环境中的视觉设计绝不是做这种稿子,产品和交互设计更加不是。

  其实练习飞机稿对练习者自身而言一定是有价值的,有心在工作之余保持练习,把实际工作中被拍掉的好点子抛出来交流也好,单纯提升技法的熟练度也好,对设计师自身而言,即使稿子可能并不成熟,总归是一件有好处的事情。

  只是,对看作品的人而言,可能就未必有价值了,甚至被同一类作品的泛滥严重误导、浪费大量时间在效仿类似的稿子上的初学者也大有人在。

  至于练习英文版的飞机稿有没有意义?我的判断是,熟识西文和中文间微妙的差异是大有裨益的,尤其是对工作中有可能接触到海外项目的设计师。

  英文排版我也经常练,但从来都是出完中文排版后,才考虑给自己一个额外的刻意练习,同时也方便在Behance上发布交流。也正是经由此,去年找到了两次和国外团队合作的机会。

  只是,不要仅仅为了出飞机稿好看,就连中文都还没排版好就去出英文稿,那就本末倒置了。

  内容真实性的三个层次

  除去上面提到这些非常离谱的问题之外,继续对比这两张设计稿。

  首先问,乍一看,哪一张稿子看起来好看?大概很多人会觉得是后者。但真落地起来,后者大概会被产品和开发喷成筛子。

  原因就是今天想讲的,内容真实性问题。内容真实性会极大地影响设计稿的质量、沟通效率和落地的顺利程度。

  关于设计稿到底应该侧重美观还是侧重落地,也和视觉同事讨论过,最终的共识是:看具体阶段。

  在初期汇报阶段,可以向老板展示效果比较理想的概念稿,但凡不想稿子被毙的人都不会把一些极端情况在汇报稿里展示。

关于网站制作,看看客户怎么说
***(匿名) 评价文章 广州网站制作公司举行名商网深圳米友茶话会落幕

网站建设专家-史特是最有价值的网络营销服务品牌,为您提供专业的网站策划,网站设计,网站制作服务,给众多知名企业提供过高品质的建站服务....

***(匿名) 评价文章 佛山网站制作公司

佛山网站制作公司 佛山市智唯网络科技有限公司是一个专业从事单位品牌网站建设、域名备案、云服务器租用、手机网站制作、企业邮局操作、以及网站配套服务400电话办理的互...

***(匿名) 评价文章 网站制作不能忽视网站打开速度

您想要提升网站的用户体验,最为关键的是用户能够迅速的打开相应的网站,只有这样才能够有效的提升用户的满意度。...

我要咨询做网站
网站建设定制案例
网站建设 相关的文章
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • +86 0757 81089123
    400 028 3820
品牌网站定制
营销型网站定制
公司网站建设
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

广州建站 感恩回馈

咨询送礼现在提交,将获得智唯网络策划专家免费为您制作
价值5880元《全网营销方案+优化视频教程》一份!
下单送礼感恩七周年,新老用户下单即送创业型空间+域名等大礼
24小时免费咨询热线0757-8108-9123
合作意向表
您需要的服务
您最关注的地方
预算
  • 验证码

直接咨询