标签 ‘web’
-
2010年Web网页设计趋势
对于追求无限创意和具实验探索精神的Web设计师来讲,趋势一说可能会显得有点可笑,如果每个设计师都遵循原有的趋势,那谁还去开创新趋势?没有了新趋势,下一个轮回的时候,设计师们又去遵循什么趋势?
但不管你是否属于哪一类网页设计师,你却偏偏又不得不了解和跟随这些趋势。除非你只为你自己做网站,否则如果你给客户的项目完全背离了主流的趋势,那要么就是黑马,要么就是客户觉得你无能,跟不上趋势的节奏。
所以,随时关注着Web网页设计趋势是每个设计师都应该做的事儿,本文就为你奉上2010年Web网页设计趋势总结。
1. 巨大的logo/标头(headers)
飞出页面(Splash pages)已经非常过时了。为了给访问者造成难以忘怀的印象,2010的流行趋势将会是巨大的logo或者不相上下大小的标头。这种类型的标头会占据整个屏幕,但是只有一个重要的短信息在上面。访问者不需要点击任何东西,只要把鼠标向下滑动。访问的人现在普遍患有点击恐惧(由于多年来的缺乏指导)。所以大幅的标头就像飞出页面一样,但是它不会强迫你的用户点击任何东西。
中心思想:巨大的标头将会使你的访问者记住你的网站。

2. 素描/手绘设计
手绘设计并不是真正全新的一种潮流,但我们知道它仍然站在网页设计的前沿。很多设计师欣赏这种风格,但又怯于创作此类作品仅仅由于“我不会真正地手绘”的态度。如果你去看那些最流行的手绘风格网站(相对于其他趋势风格的网站,手绘设计的网站不多),你会注意到大多数同行不会绘画。这些设计不是要送往艺术博物馆的,它们只是传递一种异想天开的想法,并模糊冷冰冰的网络和人与人的互动——因特网的终极目标,之间的界限。如果你会涂鸦,你就可以创作素描/ 手绘风格的网页设计。
素描在2010年会变得更加强大,尽管不是网页设计的主要焦点。它将会以新颖的和令人兴奋的方式被用于个性标准的页面文案(web copy)。
中心思想:素描在合作设计中会变成一个基本的组成部分。
-
《web信息架构》-组织系统
组织系统=组织体系+组织结构
组织体系=说白了就是具体到研究单个页面内容的排列方法如何更合理性、可用性,操作性。
页面内容涉及包括:网站首页、分页、列表、表单、搜索结果页面等页面中各元素之间的布局。组织结构=说白了就是研究网站每个页面之间的逻辑关系,主要体现在交互功能上。
逻辑关系涉及包括:网站地图、交互过程、数据库结构、标签分类。组织体系
精确性:按年月,地理,字母等地球人有通用标准的名词。
模糊性:每个人对每件事都有自己的认识和表达,如何做好这类用户的整合,通过分主题类(概念)、任务(目的)、用户(需求)、隐喻(联想)、混用(前面几个适而用之)。组织结构
等级式:自上而下的做法,简单的说让公司来做网站地图,引导用户使用网站。
数据库模式:自下而上的做法,简单的说让大多数用户的习惯或者说问题所产生的数据,再通过这些数据来引导和解决用户进行使用浏览网站. -
《Web信息架构》-标签系统
标签可以是字、词、词组、一段文字也可以是图片,是一种概念或内容模块的说明或指引(如图1),传递用户并理解。别小看理解,就如同组织系统中说的每个用户对所看到的内容都会有不同的理解,如何做到真的让用户理解你设计的标签是比防偷菜还难的事。

图1(典型的标签)
这个例子可能会觉的这类标签比较简单,容易理解,但要为一些相对专业性的网站做这类标签就抓狂了,比如:金融,医药,教育,政府(如图2)。

图2(看到这类标签,能想到哪些内容会在相应的标签中呢?)
标签的分类
情景式链接:简单说指定的类中放相关的内容。比如看到挂着[化学品]三个字的仓库,没进仓库前就可能联想到三聚氰酸、苏丹红这类。反过来,如果先进仓库看到三聚氰酸、苏丹红,等走出仓库却看到 [食品仓库]时,一定会让人费解。再比如一个论坛的[股票]栏目和一个财经网站的[股票]栏目,在这两个不同情景下(前一种讨论股票后一种观察股票),一个标签的概念就会更让人容易理解。
标题:比如文章的题目、新闻列表的编号、项目符号(CSS中list-style-type)、图片,这类标签还能区分内容的结构层次。比如注册时的第一步,第二步;读文章时的第一节,第二节。
最近文章
- Axure RP 快速原型制作软件 – 线框图,原型,规格文档
- SEO优化—挖掘关键词3大秘诀!
- 建新网站要做的四个SEO优化
- 教你如何让google baidu收录网站最快最多
- CSS Overflow属性详解
- CSS网页布局中易犯的10个小错误
- 网站结构设计之关键词群布局
- 使用CSS为图片添加的五种特殊效果
- 网站改版时需要注意的六大问题
- 谷歌-短信最流行-2010虎年短信免费(收发)
最近评论
- 物流服务 在 当视觉设计师遇上产品经理、开发工程师 上的评论
- 小区 在 当视觉设计师遇上产品经理、开发工程师 上的评论
- 色播 在 当视觉设计师遇上产品经理、开发工程师 上的评论
- 问道推广员 在 当视觉设计师遇上产品经理、开发工程师 上的评论
- 电子产品 在 当视觉设计师遇上产品经理、开发工程师 上的评论
分类目录
- SEO (5)
- 互联网 (19)
- 免费模板 (1)
- CSS模板 (1)
- 前端技术 (25)
- CSS+HTML (16)
- JavaScript (1)
- Jquery (1)
- WAP (4)
- 用户体验设计(UED) (50)
- 紫枫生活 (10)
- 设计制作 (7)
- 设计杂谈 (35)

