频道de变脸

标签: 频道 de 变脸 | 发表时间:2012-04-17 04:16 | 作者:xiaowu
出处:http://ucdchina.com/rss/all

 
频道是产品的门户,用户的窗口,业务的平台, 随着平台上产品的发展,频道的改版那是必然的事情,每次改版的目标和方向都在发生变化,对于设计师而言就意味着又是一个新的产品设计,所以频道改版方法和经验一半靠前人总结,一半靠自己摸索;

一、新手误区:
拿到交互demo就直接对交互稿进行视觉设计,当遇到某个版块放在这个位置不合适的情况下就会直接更改版块位置,发现色彩比较淡就会任意更换色彩或是添加新的设计元素;为了让页面看起来更加饱满

就任意添加推广banner……

这些感性设计貌似看起来是补救的方法就这样随便的被引用到了你的设计中;

当交互设计师看到你自以为欣喜的作品时心中可能按捺住一股怒火:任意更改版块位置、任意添加推广banner、

任意新增版块…..

由于这种太过感性的设计也就造就了混乱的页面,缺失了视觉的美感,一般称之为“随意性设计”!

以上应该是很多设计师都会发生的类似情况。

所以在这里通过实际项目总结了下新手设计频道的流程:

二、新手设计频道的流程

 

1.了解改版背后的那些事

当设计师接到一个项目的需求的时候都会第一时间看需求文档,经过一轮的理解和梳理之后总会陷入很多的疑问,这些疑问就需要设计师去思考和了解的;简单的一个频道的改版背后总蕴藏着不为人知的秘密,为什么要改版?改版的目的是什么?这都是我们需求去思考和了解的问题

2.理解业务结构

频道是各大业务的集合平台,承担着为用户传递信息的枢纽,频道需要展示各个业务模块,各个业务模块之间却又存在着千丝万缕的关系,怎样合理的规划安排各业务模块存在的位置就需要我们去深入透析各业务的关系和结构,确保模块的合理清晰化

3.对页面做出合理定位

把业务都清晰的了解后就应该结合项目背景和目的对频道做出清晰的定位,频道做成信息承载?功能承载?两者的结合体?面向的用户是谁?等等一系列因素直接影响到合理的定位

4.风格设定

通过沟通和思考之后终于把信息内容确定下来,接下来的就需要对设计定一个方向,这个方向可以是自己的判断和理解,可以是通过对行业相关产品分析之后的产物,具体的视觉产物主要包括:颜色、文字、质感、版式、主题元素

5.设计页面雏形

频道的信息承载比较庞大,一小点的设计变更都会影响到整个全局,最好的方法是对现有的信息和结构100%灰白稿还原,切记是100%还原,这样一个没有上色的频道页面就出来了

6.视觉设计

一个产品就好比新娘,怎样给新娘设计美丽的嫁衣直接体现外界看新娘的眼光;频道是个严谨的产品,色彩的搭配都需要讲究,每个元素的添加的背后都需要支撑的理由,否则勿动!设计是做出来的,没有完美的方案只有最合适的方案,通过尝试去做最终挑选出最好的方案

7.细节调整(规范)

视觉的输出终归到产品本身,再好的视觉表现一旦脱离了产品的本身都将一文不值,减掉赘肉、调整…

8.终稿
通过这些方法设计频道就简单多了!

三、诚信中国频道项目设计实践

背景:现有频道导航维度太多,产品信息层次混乱,买卖家内容定位不明确;频道入口繁杂,缺乏梳理;页面布局受限导致新增业务承载有限;用户活跃度低,无互动两点功能;信息内容滞后更新缓慢;
目标:减少主导航的信息维度,划清买卖家信息结构,重新梳理信息内容明确运营内容 ,新增问答互动方式,交易流程化定位服务,买卖加视角分离

互联网安全产品分析:

淘宝-消费者保障

为消费者提供交易保障服务的产品,在07年接触淘宝购物时候就会通过消费者保障这项筛选功能进行搜索产品,那时对网购安全没有太多的认识,都是通过口碑传递安全保障,时至今日消保已经深入人心,所以在大部分用户的潜意识中带有绿色的手掌上捧着黄色购物袋的标志是比较靠谱的商品。绿色给人以宽容、大度、信赖、保障的感觉。
腾讯-QQ电脑管家
10年的3Q大战的主角之一,QQ电脑管家是腾讯公司的一款免费安全软件,功能包括安全防护、系统优化和软件管理等,从QQ医生一步步升级到现在QQ管家,从最初的一个查杀盗号木马的小工具到现在安全保护、系统优化和软件管理的强大软件,一个盾的外形一直在延续,这种安全的寓意似乎没有其他东西能比它更好的诠释,一个蓝色的盾形里面3块颜色似乎在展示着无比强大的保护功能。蓝色给人以永恒、理智、平静、纯净的感觉。

腾讯-诚信保障

在腾讯拍拍网上提供保障服务的产品,它的外形及含义相比消保都比较抽象一点,拍拍的诚信保障的外形可以
理解为抽象的手(当然还可以理解成为其他的)捧出一个心型,在心型上写着“信”,这个感觉更多的是个人
道德上的爱心维护(买家),里面再加个“信”更是想针对卖家的诚信(卖家),意思挺好,这种双重理解较为
困难。
绿色和橙色的搭配给人以灿烂、辉煌、活泼、光明、以及权力的感觉。
上面分析的3个都是给用户提供保障的产品,通过3个产品的分析可以看到3种保障性产品视觉传递给用户的色是:蓝色、绿色、橙色、黄色,而产品频道的色彩都采用产品的VI色

情绪版分析

一系列的分析和总结过后,最后得落实到自己的产品上来;
诚信中国的产品都分别采用蓝色基调作为产品的品牌色,所以在频道色彩定位的时候就很自然得把蓝色沿用进来!
随着色彩定义完成之后就是细节的设计和处理了,这里就不再多谈!
频道是一个与用户交流的平台,做到与用户的无障碍互动,不仅需在内容层面的体现,更重要的是体验上的感触,
良好的用户体验需要设计师情感的注入,用户与产品的共鸣是对体验最好的诠释。

源地址: http://www.aliued.cn/2012/04/16/%e9%a2%91%e9%81%93de%e5%8f%98%e8%84%b8.html

相关 [频道 de 变脸] 推荐:

频道de变脸

- - 所有文章 - UCD大社区
频道是产品的门户,用户的窗口,业务的平台, 随着平台上产品的发展,频道的改版那是必然的事情,每次改版的目标和方向都在发生变化,对于设计师而言就意味着又是一个新的产品设计,所以频道改版方法和经验一半靠前人总结,一半靠自己摸索;. 拿到交互demo就直接对交互稿进行视觉设计,当遇到某个版块放在这个位置不合适的情况下就会直接更改版块位置,发现色彩比较淡就会任意更换色彩或是添加新的设计元素;为了让页面看起来更加饱满.

关于删除MySQL Logs的一点记录 - 刘浩de技术博客

- - 博客园_首页
五一前,一个DBA同事反馈,在日常环境中删除一个大的slow log文件(假设文件大小10G以上吧),然后在MySQL中执行flush slow logs,会发现mysqld hang住. 今天尝试着重现了此问题,这里简要分析下原因. 构造slow log (将long_query_time设成了0);.

[来自iPc.me] 令人惊叹的数码艺术 – 比利时优秀插画家Jonas de ro作品欣赏

- Angelix - iPc.me
Jonas de Ro 是比利时年轻的数码艺术家(重点:长的很帅). 他的作品涵盖了艺术,动画,磨砂绘画,摄影等各种概念. 而这些概念的背后是绝对的精美细致. 从他的作品中,你可以看到他的想象力完全超越了他的创作方式……. [ 请大家更新订阅地址 http://feed.ipc.me ]. iPc.me 猜你可能还会喜欢:一些超唯美的长时间曝光摄影照片作品欣赏.

钱案手表视频造假de如山铁证之五:竟然用另外一台重卡拍摘表假片![7分38:18-40:15]

- Jacques - FeedzShare
来自: tothedust的博客 - FeedzShare  . 发布时间:2011年02月17日,  已有 3 人推荐. 论证主题:此文的证据主要集中在左门. 对比肇事车与摘表车左车门的不同. 首先看一些与本文证据有关de 类似卡车de 图片资料:. 仔细查看上面de 此类重卡样图,请特别注意:.

谷安: Google 44 号楼“变脸”!

- Randy - 谷奥聚合——谷奥主站+谷安 aggregator
加州山景城 Google 44 号楼改头换面,这栋楼是 Android 的根据地,你可以看看上面这张照片,现在不只是草坪中摆满了 Android 各重要版本标志性雕塑,连建筑本身也进行整改,一幅巨大的 Android 机器人图象置入了其中,刚好就在 44 楼的门口. © wode 发表于 谷安——谷奥Android专题站 ( http://android.guao.hk ), 2011.

汉王科技的变脸神话

- 洞箫 - cnBeta.COM
曾经成为A股新股发行神话的汉王科技(002362.SZ),却因不断扩大的亏损而演绎着另类的业绩变脸神话. 10月15日,汉王科技公布了最新的2011年前三季度业绩修正预告:预计亏损2.7亿至2.8亿元. 而在此前公布的业绩预告中,汉王科技预计亏损2.4亿至2.5亿元. 在深交所已公布2011年前三季度业绩预告的次新股公司中,汉王科技亏损额排名第二.

图解 Firefox 发布频道

- L - LinuxTOY
自从 Firefox 4 开始 Mozilla 重新组织了产品发布频道,每 6 周推出一个新版本. 如果新的发布渠道令您感到不知所措的话,请看此图解. 适用于平台开发者和 Mozilla 贡献者. 享受当前正在开发的最前沿技术. 可能遇到崩溃、错误及不兼容的扩展. 适用于网页和平台开发者,以及喜欢新事物的冒险家.

疯狂的即时变脸技术(视频)

- 可可 - 36氪
某天,你走在大街上,看到某个人像极了志玲(@林志玲 ). 但光线一转,你才发现那只是一个3D投影,一个数字脸部纹身而已. 来自西班牙的帅哥艺术家Arturo Castro制作了一段名为“脸”的疯狂视频,他将其成为实时变脸,利用了Kyle McDonald的脸部跟踪插件,Jason Saragih的脸部跟踪库(一个可以实现实时面部对齐和跟踪的C/C++ API),以及Kevin Atkinson的图片克隆代码.

国家地理频道图片精选

- 振 - 译言-每日精品译文推荐
来源External page - 2leep. 国家地理频道本身就是一个图片集,提供了大量免费的桌面墙纸,内容包括,各地胜景,动物,自然风光,水下奇景,旅行见闻等等. 原文作者花费了大量的时候,搜集到如此之多的图片,呈现给大家. 这个图集提名为“国家地理图片精选”. 下面60张图片,内容涵盖了野生动物,自然,人以及鸟类的照片.