Suche senden
Hochladen
腾讯网Web页面设计规范
•
Als PPT, PDF herunterladen
•
0 gefällt mir
•
1,261 views
O
oldtaotao
Folgen
qq web
Weniger lesen
Mehr lesen
Bildung
Melden
Teilen
Melden
Teilen
1 von 40
Jetzt herunterladen
Empfohlen
腾讯网Web页面设计规范
腾讯网Web页面设计规范
Kai Cui
04母版
04母版
oldtaotao
03网络传播中的网络传播者
03网络传播中的网络传播者
oldtaotao
X 0网络编辑职业技能要求
X 0网络编辑职业技能要求
oldtaotao
Plan
Plan
oldtaotao
04网络媒介
04网络媒介
oldtaotao
网络新闻实务(2010)
网络新闻实务(2010)
oldtaotao
网页设计的原则与页面风格
网页设计的原则与页面风格
oldtaotao
Empfohlen
腾讯网Web页面设计规范
腾讯网Web页面设计规范
Kai Cui
04母版
04母版
oldtaotao
03网络传播中的网络传播者
03网络传播中的网络传播者
oldtaotao
X 0网络编辑职业技能要求
X 0网络编辑职业技能要求
oldtaotao
Plan
Plan
oldtaotao
04网络媒介
04网络媒介
oldtaotao
网络新闻实务(2010)
网络新闻实务(2010)
oldtaotao
网页设计的原则与页面风格
网页设计的原则与页面风格
oldtaotao
01课程说明
01课程说明
oldtaotao
03网络传播中的网络传播者
03网络传播中的网络传播者
oldtaotao
电子商务网站
电子商务网站
oldtaotao
长沙民政职业技术学院应用研究项目申报表
长沙民政职业技术学院应用研究项目申报表
oldtaotao
助理网络编辑师试题
助理网络编辑师试题
oldtaotao
广告语01
广告语01
oldtaotao
网络宣传与企业营销
网络宣传与企业营销
oldtaotao
15网络新闻标题
15网络新闻标题
oldtaotao
网络采访
网络采访
oldtaotao
政府网站建设
政府网站建设
oldtaotao
X 3助理网络编辑师-知识和技能
X 3助理网络编辑师-知识和技能
oldtaotao
腾讯网Web页面设计规范
腾讯网Web页面设计规范
qq275079727
中小企業行動網站基礎必備
中小企業行動網站基礎必備
AdWordsGreaterChina
Div+css布局
Div+css布局
flyxiang228
Diana's word, ppt & excel training 2
Diana's word, ppt & excel training 2
iluck100
Html&css培训 舒克
Html&css培训 舒克
jay li
#成效特訓營 中小企業行動網站必備基礎
#成效特訓營 中小企業行動網站必備基礎
AdWordsGreaterChina
好的網頁設計概念
好的網頁設計概念
蘇姵欣 PeiSu
[書摘] Web表單設計:點石成金的藝術 (美)Web Form Design Filling in the Blanks
[書摘] Web表單設計:點石成金的藝術 (美)Web Form Design Filling in the Blanks
Miya Chang
CSS 菜鳥救星
CSS 菜鳥救星
Ying-Hsiang Liao
真‧三D無雙
真‧三D無雙
nor_chen
运营分享
运营分享
nana_lau
Weitere ähnliche Inhalte
Andere mochten auch
01课程说明
01课程说明
oldtaotao
03网络传播中的网络传播者
03网络传播中的网络传播者
oldtaotao
电子商务网站
电子商务网站
oldtaotao
长沙民政职业技术学院应用研究项目申报表
长沙民政职业技术学院应用研究项目申报表
oldtaotao
助理网络编辑师试题
助理网络编辑师试题
oldtaotao
广告语01
广告语01
oldtaotao
网络宣传与企业营销
网络宣传与企业营销
oldtaotao
15网络新闻标题
15网络新闻标题
oldtaotao
网络采访
网络采访
oldtaotao
政府网站建设
政府网站建设
oldtaotao
X 3助理网络编辑师-知识和技能
X 3助理网络编辑师-知识和技能
oldtaotao
Andere mochten auch
(11)
01课程说明
01课程说明
03网络传播中的网络传播者
03网络传播中的网络传播者
电子商务网站
电子商务网站
长沙民政职业技术学院应用研究项目申报表
长沙民政职业技术学院应用研究项目申报表
助理网络编辑师试题
助理网络编辑师试题
广告语01
广告语01
网络宣传与企业营销
网络宣传与企业营销
15网络新闻标题
15网络新闻标题
网络采访
网络采访
政府网站建设
政府网站建设
X 3助理网络编辑师-知识和技能
X 3助理网络编辑师-知识和技能
Ähnlich wie 腾讯网Web页面设计规范
腾讯网Web页面设计规范
腾讯网Web页面设计规范
qq275079727
中小企業行動網站基礎必備
中小企業行動網站基礎必備
AdWordsGreaterChina
Div+css布局
Div+css布局
flyxiang228
Diana's word, ppt & excel training 2
Diana's word, ppt & excel training 2
iluck100
Html&css培训 舒克
Html&css培训 舒克
jay li
#成效特訓營 中小企業行動網站必備基礎
#成效特訓營 中小企業行動網站必備基礎
AdWordsGreaterChina
好的網頁設計概念
好的網頁設計概念
蘇姵欣 PeiSu
[書摘] Web表單設計:點石成金的藝術 (美)Web Form Design Filling in the Blanks
[書摘] Web表單設計:點石成金的藝術 (美)Web Form Design Filling in the Blanks
Miya Chang
CSS 菜鳥救星
CSS 菜鳥救星
Ying-Hsiang Liao
真‧三D無雙
真‧三D無雙
nor_chen
运营分享
运营分享
nana_lau
Material design ui 最佳实践方案-shounwang
Material design ui 最佳实践方案-shounwang
Shoun Wang
Google AD優化技巧
Google AD優化技巧
Peggy Li
一淘新首页总结
一淘新首页总结
jieorlin
网站字体渲染-麦时
网站字体渲染-麦时
time zhong
CSS 分享 (2) CSS 基本概念與語法
CSS 分享 (2) CSS 基本概念與語法
知世‧安索帕 台北 (使用經驗設計中心)
無瑕的程式碼 Clean Code 心得分享
無瑕的程式碼 Clean Code 心得分享
Win Yu
Postoffer前端架构设计
Postoffer前端架构设计
fangdeng
6. CSS
6. CSS
riomusi
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Twinsen Liang
Ähnlich wie 腾讯网Web页面设计规范
(20)
腾讯网Web页面设计规范
腾讯网Web页面设计规范
中小企業行動網站基礎必備
中小企業行動網站基礎必備
Div+css布局
Div+css布局
Diana's word, ppt & excel training 2
Diana's word, ppt & excel training 2
Html&css培训 舒克
Html&css培训 舒克
#成效特訓營 中小企業行動網站必備基礎
#成效特訓營 中小企業行動網站必備基礎
好的網頁設計概念
好的網頁設計概念
[書摘] Web表單設計:點石成金的藝術 (美)Web Form Design Filling in the Blanks
[書摘] Web表單設計:點石成金的藝術 (美)Web Form Design Filling in the Blanks
CSS 菜鳥救星
CSS 菜鳥救星
真‧三D無雙
真‧三D無雙
运营分享
运营分享
Material design ui 最佳实践方案-shounwang
Material design ui 最佳实践方案-shounwang
Google AD優化技巧
Google AD優化技巧
一淘新首页总结
一淘新首页总结
网站字体渲染-麦时
网站字体渲染-麦时
CSS 分享 (2) CSS 基本概念與語法
CSS 分享 (2) CSS 基本概念與語法
無瑕的程式碼 Clean Code 心得分享
無瑕的程式碼 Clean Code 心得分享
Postoffer前端架构设计
Postoffer前端架构设计
6. CSS
6. CSS
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Mehr von oldtaotao
说空间12.06
说空间12.06
oldtaotao
X 1培训模式与考试方案介绍
X 1培训模式与考试方案介绍
oldtaotao
X 2网络编辑员—知识和技能
X 2网络编辑员—知识和技能
oldtaotao
Dreamweaver mx2004
Dreamweaver mx2004
oldtaotao
11网络新闻的页面设计
11网络新闻的页面设计
oldtaotao
适时新闻
适时新闻
oldtaotao
网络采访
网络采访
oldtaotao
适时新闻
适时新闻
oldtaotao
专题——内容策划
专题——内容策划
oldtaotao
14网络新闻编辑2
14网络新闻编辑2
oldtaotao
13网络新闻编辑
13网络新闻编辑
oldtaotao
12
12
oldtaotao
11网络新闻的页面设计
11网络新闻的页面设计
oldtaotao
03网络新闻专题2
03网络新闻专题2
oldtaotao
02网络新闻专题
02网络新闻专题
oldtaotao
07检索语言
07检索语言
oldtaotao
01课程教学说明
01课程教学说明
oldtaotao
05检索技术
05检索技术
oldtaotao
04检索语言
04检索语言
oldtaotao
05网络传播中的受众
05网络传播中的受众
oldtaotao
Mehr von oldtaotao
(20)
说空间12.06
说空间12.06
X 1培训模式与考试方案介绍
X 1培训模式与考试方案介绍
X 2网络编辑员—知识和技能
X 2网络编辑员—知识和技能
Dreamweaver mx2004
Dreamweaver mx2004
11网络新闻的页面设计
11网络新闻的页面设计
适时新闻
适时新闻
网络采访
网络采访
适时新闻
适时新闻
专题——内容策划
专题——内容策划
14网络新闻编辑2
14网络新闻编辑2
13网络新闻编辑
13网络新闻编辑
12
12
11网络新闻的页面设计
11网络新闻的页面设计
03网络新闻专题2
03网络新闻专题2
02网络新闻专题
02网络新闻专题
07检索语言
07检索语言
01课程教学说明
01课程教学说明
05检索技术
05检索技术
04检索语言
04检索语言
05网络传播中的受众
05网络传播中的受众
Kürzlich hochgeladen
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
黑客 接单【TG/微信qoqoqdqd】
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
mekosin001123
泽兰应用科学大学毕业证制作/定制国外大学录取通知书/购买一个假的建国科技大学硕士学位证书
泽兰应用科学大学毕业证制作/定制国外大学录取通知书/购买一个假的建国科技大学硕士学位证书
jakepaige317
educ6506presentationtc3302771-240427173057-06a46de5.pptx
educ6506presentationtc3302771-240427173057-06a46de5.pptx
mekosin001123
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
jakepaige317
EDUC6506_ClassPresentation_TC330277 (1).pptx
EDUC6506_ClassPresentation_TC330277 (1).pptx
mekosin001123
Kürzlich hochgeladen
(6)
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
泽兰应用科学大学毕业证制作/定制国外大学录取通知书/购买一个假的建国科技大学硕士学位证书
泽兰应用科学大学毕业证制作/定制国外大学录取通知书/购买一个假的建国科技大学硕士学位证书
educ6506presentationtc3302771-240427173057-06a46de5.pptx
educ6506presentationtc3302771-240427173057-06a46de5.pptx
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
EDUC6506_ClassPresentation_TC330277 (1).pptx
EDUC6506_ClassPresentation_TC330277 (1).pptx
腾讯网Web页面设计规范
1.
2.
Web 设计规范
V1.3 CDC WUI 2008/10/29
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
五、文字的编排与设计 深蓝色 当使用纯蓝色为文字颜色时,明度数值(
B )不大于 60% 。当蓝色介于纯蓝往天蓝之间的时候,根据色相不同,应对明度值( B )作相应调整。 当色相越接近天蓝时,( B )值应该越低。 很多门户网站使用蓝色为文字颜色,常用的有 建议使用天蓝色的: 纯蓝色:
17.
五、文字的编排与设计 其他颜色 当使用其他颜色作为正文主色调时,安全起见可采用明度数值(
B )不大于 30% 的颜色。
18.
五、文字的编排与设计 4 .英文字体的使用:
英文建议使用 Arial : Arial 与 Helvetica / Univers 并列为 目前的标准无衬线字体( Sans Serif ), 字型依据 Unicode 标准包含多国语言文字在内。 Arial 比例及字重和 Helvetica(mac 上用的字体 ) 极之相近 系统自带并能与汉字匹配的点阵字比较 :
19.
五、文字的编排与设计 Arial 字体
优点 : 比例及字重( weight )和 Helvetica 极之相近 ; 没有下划线贴边的问题; Q 字没尾巴;字高整齐 缺点 : 大写 I 与小写 L 无法区分 下划线 : Tahoma 字体 优点 : 字宽较阔 , 字母间距较窄,恒定 1px (阅读单个字母有困难) 形态上符合汉字“方块字”点阵字 ;能区分大写 I 与小写 L 缺点 :12 号字有下划线贴边的问题; Q 字有尾巴;字高不整齐 下划线 :
20.
五、文字的编排与设计 Verdana 字体
优点 : 没有下划线贴边的问题 , 能区分大写 I 与小写 L 缺点 : 字体较宽,间距大,字型圆 同一宽度可显示字节比其他字体少得多 ; Q 字有尾巴;字高不整齐 下划线 : 应用案例
21.
五、文字的编排与设计 CSS 书写规范
各主要网站字体使用情况 font-family:Helvetica,Arial,simsun;
22.
五、文字的编排与设计 隐性链接: 对于混杂在页面文字中零散出现的文字链接,为了便于识别,默认时候可以出现下划线或使用辅助链接色,光标经过的时候,样式不变。
5 .文字链接: 文字链接形式不得超过 3 种颜色(规定其中一种为主链接色)。 显性链接: 大面积链接的网站,比如门户首页、内容列表页。多采取灰黑色、蓝色做全篇的链接色,默认时不显示下划线,光标经过时才显示下划线。
23.
24.
25.
26.
27.
28.
29.
一、页面修饰 1 。简单的光影效果
2 。质感表现 基本采用简单的渐变,不需要繁杂的修饰
30.
一、页面修饰 3.
透明效果
31.
二、个性皮肤 QQ 首页个性皮肤:
32.
二、个性皮肤 其他产品个性表现:
33.
二、个性皮肤 Hummer 个性皮肤:
34.
二、个性皮肤 QQPlay 个性皮肤:
35.
三、图标的统一使用 下载地址:
http://v.cdc.com/r_icons_weather.htm
36.
三、图标的统一使用 下载地址:
http://v.cdc.com/r_icons_expression.htm 更多请参看: http://v.cdc.com/index.htm
37.
四、图标表意 详细参考《图标设计规范》
38.
四、图标表意 详细参考《图标设计规范》
39.
四、图标表意 详细参考《图标设计规范》
40.
完 Thanks
Jetzt herunterladen