导航:首页 > 万维百科 > 网页导航栏设计尺寸规范

网页导航栏设计尺寸规范

发布时间:2021-01-13 20:52:53

1、网站顶部菜单栏尺寸是多少?

网站顶部菜单栏尺寸一般是30px,50px或60px,这主要看你的需求了。网站顶部菜单栏尺寸你可以去看别的网站的菜单栏尺寸是多少,就弄多少就行了。

2、网页设计ps画布最佳大小是几×几像素 导航栏呢?

中间内容区大小不能小于1000px,一般是1000-1200,高度不限制,导航栏是通栏,根据最大的分辨率来,一般1920差不多了。操作方法如下:

1、首先单击【文件】按钮,在菜单中选择【新建】命令。

2、在新建文档对话框中,设置文档的详细信息,单击【创建】按钮。

3、然后单击工具箱中的【圆角矩形工具】。

4、在选项栏中选择‘路径’工具模式。设置半径为‘50’像素。

5、在文档中绘制出路径图形,然后设置前景色为白色。

6、在图层面板中,单击【创建新图层】新建‘图层1’。然后单击【路径】按钮‘切换到路径面板。

7、接着鼠标右击’背景图层‘,在弹出的快捷菜单中单击【删除图层】。

8、最后在对话框中单击’是‘删除背景图层,就完成了。

3、请问树形导航栏的标准尺寸是多少? 另请问在WEB设计规范中的相关尺寸信息,此问题为额外悬赏。

树形结构的导航栏尺度要和你的页面风格一致,如果你没有这个标准的话,可以随便打开一个网站看看他们的。(横向)一般的高等为140px,宽度就看你的显示数据了,(竖向)宽度就看你的字符多长了,高等自动

4、UI界面设计尺寸应该是多少?

01、界面设计尺寸及栏高度

(1)我们用Photoshop做设计新建画布应该设置多版大呢?另外,iOS应用中的栏,权包括状态栏、导航栏、标签栏、工具栏等,它们的高度又分别是多少呢?(注意:iOS严格规定了各个栏的高度,这个是必须遵守的)通过下面的表格和图示来为你解答上面的问题。

(2)目前主流的iOS设备iPhone 6s/7/8 Plus和iPhone X采用的是3倍率的分辨率,其他都是采用的2倍率的分辨率,无论是栏高度还是应用图标,设计师提供给开发人员的切片大小,前者始终是后者的1.5倍,并分别以@3x和@2x在文件名结尾命名,程序再根据不同分辨率自动加载@3x或者@2x的切片。

(3)注意:在进行iphone x设计的时候我们依然可以采用熟悉的iphone 7的设计尺寸作为模板,只是高度增加了290px,设计尺寸为750*1624(@2x)。注意状态栏的高度由原来的40px变成了88px,另外底部要预留68px的主页指示器的位置。

5、网页导航栏的字体大小有没有要求,一般是几号字

网页导航上的字号一般是12号。 导航栏字体:一般在14px-18px区间,最大不超过18px,禁用加粗。

正文:

12px-18px之间;

12px是应用于网页的最小字体,适用于非突出性的日期,版权等注释性内容。

14px 则适用于非突出性的普通正文内容。

英文可偏小些 :10px-16px。

整站文字:12px-36px区间。

(5)网页导航栏设计尺寸规范扩展资料

网站的字体大小并没有硬性规定具体的字号,根据实际情况可以酌情考虑,但是要使用偶数字号。

1、字体规格也不需要太多,最多使用三种混搭,当一个页面中使用的字体超过 3 种时,会给用户带来“不专业”、“没有权威性”、“没有层次结构”之类的感觉。

2、层次的区别,可以改变字体颜色或加粗来体现。

3、字体优先使用各操作系统默认的字体。字体选择有版权、笔画严谨、清晰可读、经典。

字体间距

相邻两个文字的间距,其实不需要太过介意,除了特殊的需求之外,都可以使用默认数值的间距。

行间距,推荐以 字体大小的1.5-2倍 作为参考;

段间距,推荐以 字体大小的2-2.5倍 作为参考。

即,当用14px 的字体时,行间距:21px-28px;段间距:28px-35px。

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

当前最流行的分辨率是1920*1080,在该分辨率下,页面中心区域为1200px以内都可以。在800*600分辨率下,导航栏尺寸规格保持在778px以内;在1024*768分辨率下,网页宽度保持在1002px以内。

如果没有指定的要求,以1920尺寸设计就好(这是目前最普遍的尺寸大小),前端开发人员会自行适配其他的分辨率。

(6)网页导航栏设计尺寸规范扩展资料:

UI设计网页方法

一、呈现更新颖的内容

设计师在进行网页ui设计的过程中需要注意的是,想要让自己的网页看起来更加与众不同,但也不必过于夸大,可以用一些新鲜的理念和不同的布局来吸引用户访问。比如以一种动态的方式,将信息呈现给用户,以此来赢得用户更多的关注。

二、增强元素的设计感

相对于普通的网页ui设计而言,具有较强的设计感的网页往往会更容易吸引用户的注意。任何一个具有创意的网站开发设计方案,都会把目光更聚焦在网页的基本布局和色彩搭配上,而这也意味着网页上一般存在很多种不同的元素。

三、激励用户更多操作

网站开发的设计制作的类型有很多种,面对不同的类型,要有特定的网页ui设计方案。给用户提供一个寻找目标的简易方法,这样用户就容易沉浸到页面中来,同时也增加了用户操作的几率。

7、网页设计,一般最少要设置多少高度

大概的高度为:

Window XP首屏大小580 px
Window 7 首屏大小710 px

具体原因如下:

一个网页的尺寸设置和浏览器与系统的尺寸大为相关,我们不可能满足所以用户的最佳尺寸,但我们能做的是让绝大多少用户感觉是最佳的。

系统分辨率统计:

对大于30W台客户端用户进行测试,得到的测试数据如下(数据来源于网络):



在Window XP常见分辨率1024×768下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。
在Window 7常见分辨率1440×900下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。

综合分辨率及浏览器下的统计数据:
Window XP首屏大小580 px
Window 7 首屏大小710 px

8、PC端,页面宽度,设计多少最合适。

这个要根据客户要求了,就我公司而言吧,就没有非常严格的页面宽度要求,不过一般都1000+,因为900左右的相对而言有些太小气,而1000=以上的一般也都1200以上,不排除1000-1200。
不过主要是看满框或者非满框了。
如果是满的话:width:100%;(这没得讲,必须这样了)

非满的话:width:1280px;(大多数,但是不能太死,主要看设计内容,还有客户需求)

9、响应式网站尺寸设计规范是什么?不要说大篇的介绍废话,落实到具体数据上

看来你是生手。网站没有统一的尺寸。也没有统一的设计规范。都是根据客服要求去设计的。
他要大点就大点,要小点就小点。而网上很多网站的字体也不是统一的。
既然是响应式。更不可能有固定的尺寸。只用%百分比。
安全尺寸?也没有统一的安全尺寸。有的是是全屏,有的是居中。宽度也没有统一的。各种宽度都有。

10、UI设计手机APP界面时,导航栏尺寸规格一般是多少

苹果会给你建议,但你不按他的建议做也无所谓。苹果的建议是为了开发者更专好的调试,属不用花很多时间在调整每个模块的高度等。关键是看是否能满足你要做的产品的需求,如果其他尺寸更能让用户用的爽,你可以随便改。你的链接里是iphone4的 查看原帖>>

与网页导航栏设计尺寸规范相关的知识