ui设计尺寸字体,ui界面设计字体

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 的尺寸设计。

移动设备的界面设计尺寸

1、如果以iPhone为设计设备，尺寸一般是使用750x1334，1125x2436，1242x2208这三种尺寸设计都可以，750x1334是2倍图设计，1125x2346和1242x2208都是3倍图来进行设计。

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

3、IOS界面设计尺寸标准规范 可点击高度规范 在iPhone6的原型图上，统一成88px。在iPhone6设计稿中，88px是一个常用的设计尺寸。IOS界面设计尺寸标准规范 搜索栏高度规范 搜索栏的高度，在iPhone6的原型图上，统一成58px。

手机UI设计的基本规范

1、iOS启动图：图标按照最大1024x1024来设计，之后按照比例缩小到每个尺寸。提交没有高光和阴影的直角方形图即可。

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

3、移动ui设计都有什么规则 原则一：内容优先 界面布局应以内容为核心，提供符合用户期望的内容。原则二：为触摸而设计 界面的设计交互系统以自然手势为基础构建，符合人体工程学保存一致性。

4、UI标注的规范 尺寸。例如图标、图片这些内容关于尺寸维度的标注。需要注意，比如图片的尺寸比例，不是固定的它的大小数字，这样开发才能更好的适配，常用的图片比例有4：16：9等。

5、特殊状态规范 设计场景中一些特殊的状态，也是我们设计时经常忽略的地方。特殊状态规范有弹窗、空白页、加载态、toast浮层、启动图等等。

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

UI界面设计规范有哪些?

软件设计前期，美工参与需求了解，分析同类软件界面有缺点，提出主色调、典型界面风格、以及构思整个美术包装等。 2：界面原型设计过程中，与开发人员共同修改、商榷最终表现样式，以及确立UI标准。

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

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

UI设计的规范标准有哪些呢？轴 轴在UI设计中是最基本、最常见的概念，也是用来组织界面结构的重要核心。简单说来，轴是在设计的时候组织一系列元素的假象线，在下面的设计图中，轴以虚线的方式被标注出来。

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

UI标注的规范 尺寸。例如图标、图片这些内容关于尺寸维度的标注。需要注意，比如图片的尺寸比例，不是固定的它的大小数字，这样开发才能更好的适配，常用的图片比例有4：16：9等。

UI设计网页设计字体规范应该要注意什么(ui页面设计规范)

简单说：如果作为文字去使用。公文，标语等，比较正式的内容，尽量实用印刷体，即黑体；宋体等等。有说服力，有可信度。标题要粗，正文要细。作为促销、活动以及内容活泼的主题，就要使用新鲜，特别或者少儿的字体。

坚持以用户体验为中心设计原则，界面直观、简洁，操作方便快捷，用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。

网页设计中，文字间距一般根据字体大小选1—5倍作为行间距，5—2倍作为段间距比如12号字体，行间距是12px—18px，段落间距则是18px—24px。另外，行高/段落之间的空白=0.754。

标签：字体界面设计尺寸设计ui