网页设计导航栏尺寸规范（网页导航栏高度规范）

本文目录一览：

• 1、移动设备的界面设计尺寸
• 2、ui界面设计尺寸?
• 3、网页设计规范
• 4、UI设计网页时,导航栏尺寸规格一般是多少

移动设备的界面设计尺寸

1、Android界面尺寸：480*800、720*1280、1080*1920。

2、× 29×2 40×40、 58×5 60×60、 76×780×80、87×8120×1152×15167×16180×180、 1024×10272×796×9 144×14 192×192 24px、28px、32px、36px等等。

3、苹果手机iOS界面设计尺寸和分辨率 （1）界面尺寸：5英寸（iPhone1/2/3/4/4S）、4英寸（iPhone5/5S/5C）、7英寸（iPhone6/6S）、5英寸（iPhone6 plus/6S plus）等。

ui界面设计尺寸?

如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhone X）。

要根据不同手机不同的屏幕分辨率来规定尺寸。一般做效果图主流都是做480*800来测试，iphone4（或s）就用640*960，但这个都只是效果图，真正开发还需要切图用点9来做屏幕适配。

网页设计标准尺寸：800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

网页设计规范

1、下面列出UI设计网页设计字体规范特点：微软雅黑/方正中黑：在网页设计中这款字体使用的非常频繁，这款字无论是放大还是缩小，形体都非常的规整舒服。在设计过程中建议多使用雅黑，大标题用加粗字体，正文用常规字体。

2、关于具体的网页布局，常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，关于它们，在网页设计的相关书籍中或者在网络上都可以看到详细的叙述。

3、f.网页的css规范 g.网页标题 网站的设计制作 整体形象设计 在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。 整体形象设计包括标准字，Logo，标准色彩，广告语等。

4、标准和规范：栅格化：我们所说的栅格化是指在网页设计工作中对栅格系统的建立和应用。网页栅格系统来源于平面栅格系统，它以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。

5、通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

UI设计网页时,导航栏尺寸规格一般是多少

网站的导航栏目应该设计多大尺寸 第一种：宽度：960px，高度：46px-60px，这种大概有9%的人选择，这种网站一般都是企业论坛，资讯网站。我们不建议使用这种尺寸影响美观和视觉感和体验感。

导航栏：88px 主菜单栏：98px 内容区域：910px 状态栏：50px 导航栏和主菜单栏：96px 内容：1038px iphone英文字体为Helvetica，中文为华为细黑，冬青黑体，不用微软雅黑。

导航栏和工具栏尺寸大小44x44px。标签栏尺寸大小75x75px。导航栏的文字大小最大值是34-36px，标签栏的图标下方的文字大小为20px。内容区域的文字大小是：20px24px，26px，28px，30px，32px，34px。

界面画布尺寸设定：750*1334px，状态栏高度设定：40px，导航栏高度设定：88px，导航栏两侧按钮大小设为36*36px。相对于新手来说是难点，归类起来为两类：一个是蒙板，一个是图层样式的渐变。

先从设计稿尺寸开始说，Android的设计稿尺寸我们选择的是360*640，而IOS的设计稿尺寸为375*667。从上到下开始了解，最上方的是状态栏，Android状态栏的高度为25px，IOS状态栏的高度为20px。