会员查找 国家地区 中国 年龄范围 18至35 性 别 男 女 ⊙不限 ■用户特点 搜索 高级搜索 lyspace.cn myspace在中国区战略是覆盖18-35岁男女。 找用友 乱弹 性别： 女士 年龄： 18习-26习 体形： 不限 恋爱史： 不限 交友目的： 限 学历： 不限 个人著装： 不限 抽烟： 限 饮酒： 不限 年总收入： 不限 所在地区： 北京 不限 故乡： 不限 不限 搜索结果 有形照 有通过认证 开始搜索 通过51.com的搜索页面，大概能分析出用户年龄在18-26岁。 所在地区北京、喜欢上传照片的居多。通过认证的不多。 SHANDONG UNIVERSETY
◼ 用户特点 Myspace.cn myspace在中国区战略是覆盖18-35岁男女。 通过51.com的搜索页面，大概能分析出用户年龄在18-26岁。 所在地区北京、喜欢上传照片的居多。通过认证的不多
Web界面设计基本原则 ■2.一致性 口内容一致：Web网站显示的信息、数据等 形式一致：Web界面设计的版式、构图、布局、色彩以及它 们所呈现出的风格特点 PIXAR PI XAR 时时生国时 年间 t神生oA我A材EA线 CLOUDY Soundin geris game Mike Wants You! Up Web Site Partly Cloudy h:a益1 arkack Atark ater andth:hQa士Z Un wt she elect SoFmsvabe for Puchate mnd Downloadfrom SHANDONG UNIVERSETY
Web界面设计基本原则 ◼ 2. 一致性 ❑ 内容一致：Web网站显示的信息、数据等 ❑ 形式一致：Web界面设计的版式、构图、布局、色彩以及它 们所呈现出的风格特点
Web界面设计基本原则 Web界面自身的风格也要一致性 各页面使用相同的页边距；文本、图形间保持相同的间距； 各页面上都放上公司或网站的统一标志； 各页面应当使用相同的导航图标； 页面中的每个元素与整个页面以及站点的色彩和风格上保持一 致性； 文字的颜色要同图像的颜色保持一致并注意色彩搭配的和谐。 山求苏器 山东大学计算机学院 SHANDONG3:VERSETY
Web界面设计基本原则 ❑ Web界面自身的风格也要一致性 ◼ 各页面使用相同的页边距；文本、图形间保持相同的间距； ◼ 各页面上都放上公司或网站的统一标志； ◼ 各页面应当使用相同的导航图标； ◼ 页面中的每个元素与整个页面以及站点的色彩和风格上保持一 致性； ◼ 文字的颜色要同图像的颜色保持一致并注意色彩搭配的和谐。 山东大学计算机学院 13
Web界面设计基本原则 ■3.简洁与明确 使用一个醒目的标题，这个标题常常采用图形来表示，但图 形同样要求简洁。 限制所用的字体和颜色的数目。 界面上所有的元素都应当有明确的含义和用途，不要试图用 无关的图片把界面装点起来。 ■尽量减少浏览层次 Google 歌 设置 Google找索 手气不错 语言 视频 园片 购物 地园 音乐 翻泽265导肮 图7-5 Google首页(http://www.google.com.2009年9月) 山东大学计算机学院
Web界面设计基本原则 ◼ 3. 简洁与明确 ◼ 使用一个醒目的标题，这个标题常常采用图形来表示，但图 形同样要求简洁。 ◼ 限制所用的字体和颜色的数目。 ◼ 界面上所有的元素都应当有明确的含义和用途，不要试图用 无关的图片把界面装点起来。 ◼ 尽量减少浏览层次 山东大学计算机学院 14 图7-5 Google首页（http://www.google.com，2009年9月）
Web界面设计基本原则 ·4.体现特色 清楚地了解Wb网站背景、体现主题和服务对象的基本情况 选择合适的表现手法，展示关键信息和特色内容，并形成 独特、鲜明的风格。 图大兰 路Engh》应越核回 学校板祝1绕系设置1管理机构【科学研究1数师队伍1人才培苏1招生就业 法华折闻： 后英国东省戏工汽要带务长边何活华 00论直氧南日7量中论近在方华开票 必声华大李数同奖料生旺流玩节日开素节 ©吴卡济：百岁但丽相三诗 。速半中郑融折能会在美年行立院地南 手对会 。语华公共营避宇深在指巴写公共雪士毕型 学生活动|招降倍想引图节指案引合作交流产学研引信无还源引眼务指南引防内信总 公去： 吉华大学0年考线术现≤商红长位公千招型 天字云后 往 图7-6清华大学首页(http/www.tsinghua.edu.cn,2009年9月) 山求方器 SHANDONG UNIVERSETY
Web界面设计基本原则 ◼ 4．体现特色 ❑ 清楚地了解Web网站背景、体现主题和服务对象的基本情况 ，选择合适的表现手法，展示关键信息和特色内容，并形成 独特、鲜明的风格。 图7-6 清华大学首页（http://www.tsinghua.edu.cn/，2009年9月）