网站ui设计尺寸规范以及其他的ui设计要求

ui设计是现在各行业都需要使用的。网站ui设计跟其他的ui设计一样,都有一定的标准和规范。关于网站ui设计尺寸规范以及其他的ui设计要求,今天就让小编为大家好好介绍一下。

网站ui设计尺寸规范及其他要求

1、网页规范:

网页宽度为1920高度不限,有效可视区:950px~1200px宽度,具体尺寸根据项目,客户要求以及用户群决定。

首屏高约为700-750PX主体内容区域1200PX。

文档建立:文件宽度为1920PX高度不限,RGB颜色模式,分辨率72。

2、字体规范:

中文常用字体:宋体-字体样式(无)、微软雅黑-字体样式(WindowsLCD)、苹方(MAC)。

英文常用字体:TimesNewRoman、Arial、sans。

(1)中文字常用字号:

导航文字大小:14px、16px、18px、20px。

正文内容:12px、14px。

标题:22px、24px、26px、28px、30px。

辅助信息:12px、14px。

网站ui设计尺寸规范(图片来自网络)

(2)英文字常用字号:

标题和内容文字10-16px;中英文结合最小12px;全英文网站最小10px(比如底部信息)。

3、网页页面等级

(2)二级页面:从首页点击进入之后的页面叫做二级页面。

(3)三级页面:从二级页面点击进入的页面。

4、网页常见板块划分

(2)主视觉区----banner,展示公司品牌形象、新品宣传、主题活动等轮播大图。

(3)主要内容区---main,新闻动态、产品与服务、公司介绍等。

5、网页的颜色

(1)来自于LOGO的颜色。

(2)来自于环境的颜色。

(4)来自于产品的颜色。

(5)公式:随意选择四个颜色,调整四个颜色的明度和直线色相。

(6)选择一个符合你产品的任意颜色图片,然后在这个图片中提出来四种颜色,来作为网页的主色调(服装,饰品、化妆品类居多)。

1、高清大图,图片不能有水印。有图片的位置最好配有文字说明不要大篇幅的图片摆放。在网页设计中不要有重复图片,每个图片必须有一个部分是完整的;图片素材不要直接用设计好的图片;在板块中不要有纯图片的设计,一定有文字解释,有链接;一个版块内的图片要选择同一种类型;图片距离文字不要过近。

2、文字排版,标点符号不能在一行的第一个,不要一个文字为独立的一行;如果色块中有文字,文字必须在色块的中心,不能上或者下留有太多空白空间。

3、如果箭头朝下必须有下拉菜单,如果下拉菜单是合起的状态,箭头朝右。

4、banner不能是现成的图片,需要进行合成和设计,也需要有文字的极差关系和对比。

5、产品分类中必须有不同的产品体现;在每一个板块中都必须体现明显的连接。

THE END
1.Banner尺寸:PC刷刷题APP(shuashuati.com)是专业的大学生刷题搜题拍题答疑工具,刷刷题提供Banner尺寸:PC-当前标准 随着大屏幕的显示器出现,banner的表现尺寸越来越大A.正确B.错误的答案解析,刷刷题为用户提供专业的考试题库练习。一分钟将考试题Word文档/Excel文档/PDF文档转化为在线题https://www.shuashuati.com/ti/f139eebcabae4ef7a7b90c0c9b903dc4.html?fm=bd1286307fe0073d94f37c810aa53f9588
2.电商banner设计尺寸除了标准规格外,还可以尝试非标准规格的设计,更好地满足不同的广告定位与需求。例如,采用长条形式的banner,尺寸为1000x210像素,可适合一些横向展示的需求。 而对于移动端的banner设计,需要特别注意图片尺寸不宜过大,最好控制在300px以内,以免影响页面加载速度。 http://www.chinalhcz.com/news/20230914210704.html
3.网页设计标准尺寸120*240 垂直BANNER 当然这只是一般意义的对访问者比较友好的设置,很多设计型的页面并不是按照这个尺寸,正所谓艺高人胆大嘛,只要记住一条,站在用户的角度去想,明白自己所设置的尺寸在显示器里的大概样子就可以了。法终究是无定法的。 参考: 网页设计标准尺寸: ...http://www.360doc.com/content/09/0615/16/29630_3905632.shtml
4.banner大小多少合适,网站上banner大小的压缩多大体积合适5,国际标准的网页BANNER大小规格有哪些 横幅广告(Banner) 文件大小:gif:14K/swf:16K 广告尺寸:468*60像素 广告位置:页面顶部 按钮广告(Button) 文件大小:gif:6K/swf:8K 广告尺寸:170*60/120*60像素 广告位置:第一屏 第二屏 备注:触发式LOGO,弹出图片尺寸为160*160 文件大小gif:9K/swf:12K 弹出窗口广告(Pop...http://www.azwzsj.com/article/ejhigg.html
5.各种纸张尺寸设计尺寸和证件照尺寸大全5、1024*768 下网页的尺寸:width=955,height=600 800*600 下网页的尺寸:width=760,height=420 页面标准按800*600 分辨率制作,实际尺寸为778*434px ,页面长度原则上不超过 3 屏,宽度不超过 1 屏. 每个标准页面为A4幅面大小,即8.5X11 英寸 全尺寸banner 为468*60px ,半尺寸banner 为234*60px ,小banner 为...https://m.360docs.net/doc/482876734.html
1.网页logo/banner标准尺寸资源在网页设计中,Logo和Banner是两个至关重要的元素,它们不仅代表了网站的品牌形象,还对用户体验和视觉吸引力起着决定性作用。本篇将详细探讨网页Logo和Banner的标准尺寸,帮助你创建出专业且吸引人的网页设计。 我们来了解一下Logo。Logo,全称“Logotype”,即标识或商标,是企业或品牌视觉识别系统的核心部分。一个优秀的...https://download.csdn.net/download/IUNIAN/2703806
2.网站设计大小,网页设计一般尺寸规范资讯banner尺寸如下:首页右上,尺寸120*60。首页顶部通栏,尺寸468*60。首页顶部通栏,尺寸760*60。首页中部通栏,尺寸580*60。内页顶部通栏,尺寸468*60。内页顶部通栏,尺寸760*60。 当前标准 随着大屏幕的显示器出现,banner的表现尺寸越来越大,760X70;1000X70像素的大尺寸banner也悄然出现。 https://bbcdf.com/post/1600.html
3.网页设计常用尺寸大小网页设计中常用的广告尺寸 BUTTON 120x60 215x50 通栏 760x100 430x50 超级通栏 760x100或者760x200 巨幅广告 336x280 585x120 竖边广告 130x300 全屏广告 800x600 弹出窗口 400x300 BANNER 468x60 悬停按钮 80x80 流媒体 300x200 网页设计LOGO的标准尺寸 ...https://www.yjbys.com/edu/wangyechengxusheji/512.html
4.淘宝天猫店铺哪些部分需要美工设计?尺寸设置标准是多少?(3)移动电商店铺要求:制作1张尺寸为100*100像素,大小不超过80K地图片作为店标;制作1张尺寸为642*200像素,大小不超过200K地图片做为店招。 (4)跨境电商店铺要求:制作1张尺寸为230*70像素,大小不超过150K地图片作为店标;跨境电商店铺不制作店招。 2.网店Banner ...https://www.mmker.cn/article/4138.html
5.Logo设计的国际标准尺寸及对应适合的使用为了便于INTERNET上信息的传播,一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO,目前有国际标准规范 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px,另外120*90,120*60也是小图标的标准尺寸,每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K,由于...https://www.haohead.cn/2019/dczd_0307/1608.html
6.各种设计logo标准尺寸页面标准按800*600分辨率制作,实际尺寸为778* 5、434px页面长度原则上不超过3屏,宽度不超过1屏 每个标准页面为A4幅面大小,即8.5X11英寸 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px另外120*90,120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K ...https://m.jinchutou.com/p-101525692.html
7.BiddingX干货Banner广告这样玩,让你的创意事半功倍!Banner广告设计的核心在于,让用户无法抗拒!数字营销时代,互联网用户每天都在体验各种丰富多彩的视觉冲击,但只要用对一些技巧,就能设计出逼格更高、转化更好的banner。 1.尺寸 Banner广告尺寸有几种标准,以Google AdSense定义的banner尺寸和最佳位置为例: 通栏广告-728×90 ...https://www.biddingx.com/banner
8.收藏9种常见的banner尺寸,别再乱用!●200×200--小正方形:这款标准的方形banner通常用于桌面和移动端,是一种小型的横幅广告。但是因为它的尺寸较小,可见性也一般。 ●300×250--中矩形:这款横幅广告能够支持大多数广告形式,通常放置于视频广告和自适应广告中间。 ●336×280--大矩形:这款336×280的banner尺寸相比于其他banner尺寸较大,可见效果更...https://pixso.cn/designskills/9-common-banner-sizes/
9.微信小程序banner广告与适用样式及规范–升兔互动图片式banner 素材尺寸:960 × 334像素 大小不能超过 100KB,支持 bmp, png, jpeg, jpg 等格式 适用推广目标:推广品牌活动、推广商品、推广应用、收集销售线索、推广小游戏 图片名片式banner 素材尺寸:640 × 316像素 大小不超过 100KB,支持 bmp, png, jpeg, jpg 格式 ...https://www.st-lt.com/?p=460
10.什么是banner设计?尺寸有哪些?网站banner是指在网页顶部的广告条,即网络横幅广告,是网页广告中比较重要的一个表现形式,一个表现商家广告内容的图片,放置在广告商的页面上,是互联网广告中最基本的广告形式,尺寸是468*60像素,或233*30像素,随着显示器尺寸的增大和站点的多样化,使用标准尺寸以外大小的banner越来越多。一般是使用GIF格式的图像文件,可...https://www.haoku5.com/shenghuo/6450fa524ec69acba302a1d7.html
11.广告Banner尺寸设计规范在UI 设计中,广告 Banner 大概有这 4 种:横幅广告、方形广告、竖幅广告、全屏广告,而广告 Banner 的尺寸规范各有特点,根据位置和用途的不同选择合适的尺寸很重要。横幅广告通常出现在页面顶部和底部,标准尺寸是 72*890 和 46*860 像素;方形广告多置于网页侧边栏,尺寸为 250*250 或 300*250 像素,主要用于发布...https://js.design/special/article/banner-design-specification.html