UI界面设计规范有哪些?
iOS的字体:
中文字体:苹方/PingFangSC
CSS:Font-Family:PingFangSC
英文、数字:Helvetial
Andioid的字体:
中文字体:思源黑体/NotoSansHan
英文、数字:Roboto
1、iPhone界面尺寸
2、iPhone图标尺寸
3、iPad的设计尺寸
4、iPad的图标尺寸
5、Andioid的图标尺寸
6、Andioid的dp/sp/px换算表
iPhone的主流设计尺寸:750x1334px
1242x2208px
Andioid的主流设计尺寸:720x1280px
1080x1920px
UI设计都包括什么?
UI设计包括视觉设计基础内容:通过对UI行业的讲解增加对整个行业深刻的认识,零基础学习PS和AI,在实际商业案例中学习PS/AI软件功能;品牌运营视觉设计:结合手绘技能融合商业设计,系统打造商业品牌价值体系;电商运营视觉设计:C4D空间场景搭建+PS高级合成,设计出吸引人眼球的高流量宣传页面等等。
视觉设计基础内容:通过对UI行业的讲解增加对整个行业深刻的认识,零基础学习PS和AI,在实际商业案例中学习PS/AI软件功能,多种商业案例、多类设计风格的学习让设计师面临各种需求时有所应对。
品牌运营视觉设计:学习手绘技能,结合手绘技能融合商业设计,系统打造商业品牌价值体系;每个品牌项目设计赋予准确的文化、理念、精神、与价值定位。电商运营视觉设计:C4D空间场景搭建+PS高级合成,站在营销和创意的角度,设计出吸引人眼球的高流量宣传页面。PC端+移动端双重讲解,学习高竞争力的电商应用知识。产品交互UI设计:学习Sketch软件操作,熟悉项目全流程介绍、项目产品认知;能够制作PC、APP、电视、小程序等客户端界面设计及交互;融入行业新知识、加入行业特性。
想要了解更多关于UI设计的相关信息
推荐选择Pixso协同设计
。Pixso是一款专业的在线UI/UX设计工具,内置众多大厂的优秀设计规范,提供海量设计模板和素材,集成众多大厂优秀的设计系统,所有UI设计师均可直接拖拽复用,从此省去大量模块化素材网站排行榜设计环节的重复劳动,本地化字体资源,及专属私有化部署。
免费领会员
什么是UI界面?
最简单的说来就是你的界面上你那些东西,动作条啊,状态栏啊什么的
如何选择UI 界面布局样式
从七个方面说明UI界面应注意的一些常见的问题。
一、空间的摆放一致。
二、UI布局尽量符合格式塔原理中的接近性,即相互靠近的控件看起来尽量使一组。
三、用结构来提高用户浏览长数字的能力,比如关于金额的表示,一般为2,548,125.00元,其中的“,”符号的分割,方便用户清晰快速的读取。
四、构建清晰的视觉层次:用尺寸大小、显著程度和内容关联对页面内容进行组织排序。方便用户看,无形中提高用户体验。
五、支持,而不是干扰阅读。识别越容易,阅读也就越快、越容易。
1)避免一些难辨认的字体,如带图案的背景或所有问题都居中对齐等
2)使用直白的、用户的语言
3)将界面设计出层次感
六、让错误提醒信息易见,
让错误信息易见的常用方法是:放在用户所看的位置上,标记出错误。使用错误“X”“!”等错误符号,保留红色以呈现错误
七、为促进用户使用,系统提供低风险环境
1)尽可能防止出错(最常见就是让不可点击的按钮灰掉)
2)向用户清晰展示他们做了什么(比如,不小心删了一段文字),这样错误就容易被用户及时发现。
3)让用户能够轻松地撤销、反转或修正错误。看下原生的camera(4.0已经其以后的版本)的源码,在sw600dp上的实现,控制ui就是轮盘样式的