童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

戴着锁链跳舞

9月1日 尘世客投稿
  在网页设计初期,我们会先收集大家对设计方向的期许,我们经常收集到这样的建议:
  产品经理:要易用,要简洁
  设计总监:要特色,要亮点
  部门经理:要大气,要统一
  设计师要三头六臂,左右逢源,顾此又顾彼。
  首先,对网站而言,视觉和体验是一体的,相辅相成携手共赢。视觉上的统一要求体验上的一致,体验上的创新也要求视觉上的突破,然而某些需求的字眼本身就是自相矛盾或难以捉摸的,如何又简洁又特色又兼顾统一?对工具类网站的设计,大方向是力求简洁精炼的,作为辅助手段引导用户操作,在易用性和美观性之间拿捏火候,恰到好处的展现出来。
  产品上线,无论好坏,就已持有自身固有的特色呈现给大家。我们看搜索类网站:google、baidu、soso、yahoo、包括设计感十足的bing,虽然各雷同产品的雷同设计比比皆是,可圈可点,但每个产品仍努力不懈的追求标新立异,无论是从体验还是设计都希望跳出竞争对手的圈圈,做出差异化,拉开距离。
  再看SNS类网站:
  对于信息量大,实用性强的此类网站要求轻松入门,低成本高效率的满足用户需求。可各个产品的属性雷同,怎么更吸引用户停驻呢?一方面是功能的完善和拓展,像客户端的体验一样便捷(facebook以此闻名);一方面是设计的趣味性,在细节体验上呵护用户的感受(白社会乃后起之秀)。
  每个产品要持有自身的特色,才能脱颖而出。
  QQ校友和城市达人在产品规划初期就保持了视觉的统一性,强化腾讯SNS类产品的品牌特征,在今后不断的优化过程中,更注重用户体验细节上的趋于统一。
  回想一下5年前的设计,我们大多接触的是产品海报式的宣传网站,将传统技法和网页设计结合,光效,水墨、纸艺等等,如今更是发挥的炉火纯青
  可今天的产品官网往往不允许这样大张旗鼓的设计,这其中考虑的因素很多,统一性、易用性、流量、广告收入等等等等。。。在种种束缚的条件下如何展示个性化,既留住目标用户,又吸引潜在用户,让他们在体验的过程中不失乐趣?这是对网页设计师最大的挑战。
  smashingmagazine上有很多流行趋势分析的文章,包括很多设计原理的追溯,不得不佩服老外的归纳总结能力和有板有眼的理论化探讨,结合不同的实际案例,我们的设计师都在有意无意的在尝试一些能够使页面舞动的小技巧:
  页面细节修饰
  首先是透明效果的应用:
  常见于导航或者页头和页尾,及banner效果等
  范例:QQ秀导航区
  范例:microsoft产品展示区
  除此之外还有渐变、光效、模糊等等技巧:
  模糊效果常结合透明一起使用,营造一种纵深的感觉。
  色彩光谱的渐变,更吸进人们的注意,方法简单并且具有很强的视觉冲击力。
  范例:http:www。realmacsoftware。com
  产品展示区域
  首先介绍多媒体的应用
  随着宽带的发展,越来越多的丰富内容在线上展示,很多产品借助多媒体方式来展示他们的产品特性,全方位快捷有效的传达内容,这应该是产品欣赏和功能演示的最佳方式啦
  范例:microsoft产品
  可惜目前国内还比较少见,毕竟宽带的普及有限,另外也不是所有人都喜欢观看视频。但多媒体展示确实开启了一片新天地。
  除此之外,我们还可以在网页中内嵌全flash的效果展示,对图文动画的配合要求很高。
  范例:http:www。bkwld。com
  如果你的产品经理全部毙掉了这些酷炫的表现手法,要求网速第一。那么还可以将展示图片做到淋漓尽致的精美,让它成为烘托整个网站的点睛之笔。
  范例:CDC内部资源网
  增强对比
  有时候要吸引用户关注页面上的重点内容,高亮出这些模块或点缀,采用色块对比不仅仅是丰富页面视觉效果,更重要的是增加页面的导读性:
  范例:wordpress
  范例:CDC内部期刊
  类似的细节修饰,还有其他的表现方式,比如打破传统的手写体,字体艺术博大精深,不同的字形带来不一样的感受,增加一些有趣的细节,强化对比:
  排版技术
  网页设计中越来越多的采用传统工艺(印刷技术),从模块排列到图文搭配,甚至到文字的对齐方式都与传统印刷技术形似。栅格化设计日益普及,尤其对于多栏布局,栅格用来保证结构的平衡和层级的划分。
  基础网格的简单示意:
  范例:
  每一个新的idear总伴随着对固有模式的挑战,打破原有的束缚,折衷考虑创意与可用性之间的平衡。我们的设计师在不断的探索和学习,研究每一款产品的特色,吸纳他们的亮点,提升对细节的把控能力。
  页面上能够舞动的小细节很有很多,诸如此类的惊喜不断,比如
  moko的卡通人物(http:www。moko。cc)
  designmind的图片倒角处理(http:designmind。frogdesign。com)
  yoho上超cool的大头像(http:www。yoho。cn)
  等等等等,结合自身的网站特点,挖掘出更精彩的亮丽。设计师应该不断提升敏锐度和想象力,用心体会每一个优秀网站的细小设计。就不会苦于无从下手从哪里完善细节啦!
  参考网站:www。smashingmagazine。com
投诉 评论 转载

浅析Banner构成与创意设计当用户访问一个网站的时候,第一屏的信息展示是非常重要的,很大程度上影响了用户是否决定停留,然而光靠文字大面积的堆积,很难直观而迅速的告诉用户来到这里会得到什么有用的信息,因此网……09年QQ登录Banner之转变面对不断成长的用户,跟随用户的脚步齐步向前,做引起共鸣的改变,去除低龄化的设计,用成熟稳重的心态面对用户。QQBanner自2006年推出之后,丰富多彩的登录画面,给予用……小xiao说说创意图标设计心得很开心可以和导师阿坚在08gui大赛中一起去完成《fight》的图标设计,在这个过程中真的是受益匪浅!这里我谈一下在这个过程的一些小小心得。首先在创作初期,我先描述了自己……LinelessDesign08GUI大赛记录08GUI大赛已经成为去年的回忆,在09年初始,记录一下作个小结。关于出发点目前,大部分图标设计都在对一个具象物体的表达技巧进行探索,这种现状无可厚非,毕竟绝大多数……戴着锁链跳舞在网页设计初期,我们会先收集大家对设计方向的期许,我们经常收集到这样的建议:产品经理:要易用,要简洁设计总监:要特色,要亮点部门经理:要大气,要统一设计……CDC专属QQ拼音皮肤,一键直达CDC官方博客!作为QQ拼音的视觉交互的设计师,功能的创新对我而言是必不可少的精神食粮。前些时间就针对QQ拼音的皮肤构思了一些新的创意,其中一个想法是:在QQ拼音的皮肤上,点击上面的某个图案或……贝贝的实录分享II经历:毕业于中国美术学院;获得浙江省级优秀大学毕业生;江西省级优秀学生干部;公司S员工,部门杰出视觉设计师前言:感谢一切该感谢的人!A。当过首席视觉设计旁白:……永不熄灭的爱心图标腾讯公益月捐计划“QQ首席图标”诞生记腾讯“月捐计划”倡导爱心人士,通过每月小额捐款的形式,长期关注和支持公益项目。并和亿万爱心网友一起,每人每月1份爱,点滴付出,汇成爱海,形成强大公益合力,随时帮助需要帮助的人!……香港的设计师香港绝对是个创意宝地,走在大街上,处处可见的小惊喜和小细节,其最大的优势在于国际交汇,它具有广阔的国际视野和交流平台,享受着如此多的开放的优势,无疑香港是中国现代设计走得最前的……PenGUIn之GUI冠军赛设计花絮继上回的“CDCPenGUIn的GUI冠军赛实况”(http:cdc。tencent。com?p479)报道后,这次为大家献上PenGUIn团队有趣的设计花絮以及一些从未曝光过……流动的线条中国汉字书法之美大家都在关注视觉的盛宴,西方的美学;今天就分享下,中国最为古老的美,也是身边随处可见的美学中国汉字书法之美;古文者,仓颉做造也。仰观奎星园曲之势,俯察龟文鸟迹之象,博采众……桌面产品变形出击!炎炎夏日来袭,暑期档的好莱坞大片早已争先恐后般进入各大影院,6月24日《变形金刚2》(以下简称《变形2》)将在国内首映,此举势必掀起全球“变形迷”新一番追逐的热浪。腾讯与《变形……
常用职场的语录职场的语录职场的语录95条职场的语录58条职场正能量的语录40条职场心灵鸡汤语录职场的语录摘录职场正能量的语录简单的职场正能量的语录职场正能量的语录45条职场的语录职场正能量的语录89条

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界