pc网页设计导航栏尺寸（网页导航栏尺寸和字体规范）

本文目录一览：

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

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。

网页设计最标准的尺寸是多少?

在photoshop中做800×600分辨率下仅一屏的网页时，尺寸可以设为740×560左右。

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

网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式。全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。

现在用的最多的分辨率还是1024*768，在这种分辨率下，含滚动条的页面最大宽度应不超过994px，所以一般页面宽度定位在990px以内比较适宜。

ui界面设计尺寸?

界面尺寸大小是：750x1334px。状态栏（statusbar）：就是电量条，其高度为：40px。导航栏（navigation）：就是顶部条，其高度为：88px。主菜单栏（submenu，tab）：就是标签栏，底部条，其高度为：98px。

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

ui的尺寸是1920-2000px，UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface（用户界面）的简称。

UI界面设计尺寸具体如下：一般做效果图主流都是做480*800来测试，iphone4（或s）就用640*960，但这个都只是效果图，真正开发还需要切图用点9来做屏幕适配。

网页设计规范

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

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

目录结构规范： 目录建立的原则：以最少的层次提供最清晰简便的访问结构。 目录的命名以小写英文字母，下划线组成。