网页UI设计规格,网页的ui设计

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

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

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

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

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

比如原本44像素高的顶部导航栏，在Retina屏上用了88个像素的高度来显示。导致界面元素都变成2倍大小，反而和3gs效果一样了。画质却更清晰。 在以前，iOS应用的资源图片中，同一张图通常有两个尺寸。

一个表现广告主内容的图片，放置在广告商的页面上，通常大小为468*60，往往做成动画形式。一般不超过12K。可以是网站页面的横幅广告，也可以是游行活动时用的旗帜，还可以是报纸杂志上的大标题。

UI设计怎么设置元素尺寸?UI元素尺寸设置指南

首先，通过外部元件来确定元件的尺寸。举例来说，我们要设计一个头部的幻灯片组件，显示为左右可滚动。

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

在做app页面尺寸设计时，首先需要确定你所要设计的界面长宽，文字字体大小以及所使用的文字层级，通常情况下，我们都是按照4： 1的比例来设定界面的尺寸为常见：4： 1的比例设计在设计过程中比较常见的手法是：1。

苹果6s 的尺寸750px 1334px，6s Plus的尺寸就是1242px 2208 px。两者之间的关系就是5倍，怎么说呢，就是6s之类的手机想要变成Plus，我们设计师稍微想要偷懒一下设计，只需要整体扩大5倍，比如图标。

当然，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机尺寸来设计，比较方便预览效果，一般用 640x960 或者 640x1136 的尺寸设计。

UI设计有哪些规范

图标规范 很多设计师以为ui设计就是设计图标和设计界面。虽然事实并非如此，但图标的设计在整个ui设计中是比较基础的一个环节。

基础规范 基础规范我划分的是组成页面最小的元素、是最基础的一步。基础规范有文字、颜色、布局层级、图形、分割线等。组件规范 组件规范是由两个元素组成，且可点击的控件。

颜色标注规范。文字的颜色已经归类到文字属性里面，不用重复标注。颜色标注内容有：分割线颜色、背景色、按钮颜色等等。建议使用公司或品牌原有VI配色，可提高公司或品牌VI之间的关联，增加可辨识性和记忆性。

UI设计和建筑设计同样有着韵律之美，重复的模式会营造出独特的节奏之美。模式 理解韵律最直接的方式就是听歌，音乐拥有节奏感，绝大多数的音乐遵循着相同的节拍，节拍就是音乐模式的一部分。

Windows系统有个桌面设置，设置大字体属性，很多界面设计者常常为这个恼火，如果设计时遵循微软的标准，全部使用相对大小作为控件的大小设置，当切换大小字体的时候，相对不会有什么特殊问题。

一：遵循一致的准则，确立标准并遵循 无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。

UI设计电脑需要什么配置

1、可选：要使用GPU性能：您的Windows应该至少具有1GBVRAM（建议4GB），并且您的计算机必须支持OpenGL0或更高版本。注意：可缩放的UI功能（支持的最低分辨率为1920x1080）。

2、学习UI设计所需要的软体。这些软体的最新版本目前对於电脑配置的要求，大概在5000元以上。详细的配置可以分成 CPU 硬碟 显卡 键盘记忆体 显示器 系统 这几部分组成。

3、UI设计对电脑配置的需求并不是很多，中高端的电脑配置足以，一般是从CPU、主板、显卡、硬盘、显示器等配置条件考虑。CPU：CPU没什么好说的，主流的配置就是II7，非要推荐的话，只能说I5能用，I7比I5好用一些。

4、UI设计常用的软件主要是Photoshop、Illustrator、XD、sketch、After Effects、C4D等，电脑配置也要结合软件的需求。

5、CPU：i3 及以上； 内存：至少 512MB，但大于 1GB 更为稳妥； 网卡：一般的以太网卡即可； 显卡：只要是能够被 Linux 捕捉到的显卡即可，例如 NVIDIA 或者 ATI 等主流的显卡都可以。

6、关于配置我们还得说起软件，毕竟电脑能撑得起软件运行就可以了，学习UI设计最主要的三款软件，PS，AI，AE。这三款都是Adobe公司的软件。其中AE是最吃内存，吃显卡。

ui设计小程序商城尺寸最好是多少?

商品详情页：750或800的宽度皆可，适应手机阅读，高度则根据商品本身实际情况而定，建议单张图片150-200KB之间比较好，方便用户下拉图片时快速加载图片内容，提升体验感。商品活动标：500*500，其实只要是1：1的方图即可。

这里了解就行，设计稿尺寸375px或750px都没问题。

英寸屏幕，1242x2208px-@3x的像素分辨率，逻辑分辨率是414x981px-@1x。物理尺寸是1080x1920px。这个物理尺寸，也是目前最流行的大屏设计稿尺寸。

小程序详情页尺寸是750*1600*1400 你在设计稿件中可以把图片做成750px宽，而高度，我建议你做成1600，然后掐头去尾留1400高度作为画布的高度。并且要求考虑到屏幕变长变短后UI是否可以适应。

朋友圈 海报尺寸是1242px*2208px 。朋友圈海报最佳尺寸之手机海报手机海报其尺寸是1242px*2208px。这也是是大家最常在朋友圈看到的海报类型了，不管是宣传推广，还是促销引流，亦或是个人信息，手机海报都是大家的最佳选择。

淘宝网页的小程序尺寸是1920*1080。因为淘宝网页属于PC端，通常采用1920*1080的分辨率，因此淘宝网页的小程序尺寸也采用这一标准，以便在小程序中呈现的内容与网页保持一致，提高用户体验。

标签：网页设计规格