Skip to Main Content
Datacolor 主页
商务解决方案
Spyder
ColorReader
Investor Relations
简体中文
English
Deutsch
Français
Español
Português
Italiano
MENU
MENU
关于我们
办事机构
职业生涯
新闻资讯
可持续性
取得联系
Menu
寻找
搜索
取得联系
Datacolor 主页
商务解决方案
Spyder
ColorReader
Investor Relations
关于我们
办事机构
职业生涯
新闻资讯
可持续性
Close Menu
时尚指南
如何
|
风格指南
|
内容样式
|
页块
每当您为您的网站创建新图像时,请参考下面的列表。 您应该为您需要/使用的所有可能的图像找到一个尺寸。
图像尺寸
客户标志
:300px × 175px
产品类别图片 (PNGS)
: 300px × 200px
2-Tone 图标
:100px × 100px
国家图标(位置页面)
:40px × 40px
产品图片(PNG 用于产品照片,JPG 用于生活方式照片)
:700px × 700px
50/50 页面块图像
:800px × 任意高度
50/50 页面块视频(封面图片):
800 像素 x 450 像素 (16:9)
列/卡片页块图像:
500 x 300
案例研究拼贴图片(使用 PSD 模板)
:800px × 700px
主页英雄图片
:1000px × 700px
内页页眉(红色重叠矩形)
:1000px × 600px
学习中心样式标题的标题图像(全景)
:1600px × 350px
页脚英雄
:1600px × 500px
团队生物照片(用 CSS 完成的圆圈)
:300px × 300px
帖子类型主要图片(博客、新闻、活动、培训等)
:900px × 500px
字体细节
H1 – 桌面
– Proxima Nova,500 • 50px/55px • 颜色:#000 • 字母间距:-1 • 边距:25px 底部填充
黑色或红色背景上的 H1-H5
– • / • 颜色:#FFF
H1 – 移动
– • 35px/40px • 字母间距:-.75
标题 – 桌面
– Proxima Nova,500,全部大写 • 16 像素/20 像素 • 颜色:#000(75% 不透明度) • 字母间距:+5 • 边距:28 像素底部填充
黑色前标题
– • / • 颜色:#FFF(75% 不透明度)
红色前标题
– • / • 颜色:#FFF(100% 不透明度)
标题 – 移动
– • 14px/18px • 字母间距:-4px
介绍风格 – 桌面
– Proxima Nova,400 • 26px/37px • 颜色:#000 • 边距:35px 底部填充
黑色或红色的介绍风格
– • / • 颜色:#FFF
H2 – 桌面
– Proxima Nova,500 • 45px/50px • 颜色:#000 • 边距:20px 底部填充
H2 – 移动
– • 32 像素/40 像素
H3 – 桌面
– Proxima Nova,500 • 42px/48px • 颜色:#000 • 边距:15px 底部填充
H3 – 移动
– • 27px/35px
H4 – 桌面
– Proxima Nova,400 • 32px/38px • 颜色:#000 • 边距:15px 底部填充
H5 – 桌面
– Proxima Nova,400 • 30px/36px • 颜色:#000 • 边距:20px 底部填充
H6 – 桌面
– Proxima Nova,600 • 23px/30px • 颜色:#000 • 边距:20px 底部填充
H6 – 移动
– • 20px/28px
段落样式 – 桌面
– Proxima Nova,400 • 20 像素/30 像素 • 颜色:#000(75% 不透明度) • 边距:20 像素底部填充
黑色段落样式
– • / • 颜色:#C8C8C8
红色段落样式
– • / • 颜色:#FFF
段落链接 – 桌面
– Proxima Nova , 400 • / • 颜色:#D7172F
黑色或红色的段落链接
– • / • 颜色:#FFF
见证风格
– Proxima Nova,300 • 27px/42px • 颜色:#000(75% 不透明度)
推荐 – 移动
– • 22px/33px
站点颜色值
#FFFFFF
#F5f5f5
#D6D6D6
#C8C8C8
#D7172F
#333333
#000000
0
请您留言
感谢您的关注,请填写一下您的信息,我们会尽快和您联系。
提交
感谢留言
我们会尽快与您联系
关闭