专业编程基础技术教程

网站首页 > 基础教程 正文

第一章 新手福利,UI基础设计界面图标设计的规范要求

ccvgpt 2024-09-09 02:18:38 基础教程 10 ℃

UI设计规范,不同公司有不同的需求,但设计规范基本一至,对于UI设计师来说,做好一份合适好用的UI设计界面同样也需要掌握一些基础设计要求和规范,而这些通用的规格就像是国标一样用统一的规范。这是最基础的,而UI关键设计是靠配色,图标设计,界面设计等来达到一种用户在视觉上介绍它喜欢它。


UI设计的基本原则

第一章 新手福利,UI基础设计界面图标设计的规范要求

UI设计的基本原则

最新Android & iOS设计尺寸规范

一、字体

iOS的字体:

中文字体:苹方 / PingFang SC

CSS:Font-Family:PingFang SC

英文、数字:Helvetial

Andioid的字体:

中文字体:思源黑体 / Noto Sans Han

英文、数字:Roboto

二、规范

1、 iPhone界面尺寸

iPhone界面尺寸

iPhone界面

2、 iPhone图标尺寸

iPhone图标设计

iPhone app 图标

iPhone app 图标

3、 iPad的设计尺寸

iPad的设计尺寸

4、 iPad的图标尺寸

iPad的图标尺寸

5、 Andioid的图标尺寸

Andioid的图标尺寸

6、Andioid的dp/sp/px换算表

Andioid的dp/sp/px换算表

三:小结

iPhone的主流设计尺寸:750x1334 px

1242x2208 px

Andioid的主流设计尺寸:720x1280 px

1080x192

设计界面

最近发表
标签列表