位置:兰州设计培训学校 > 学校动态 > 兰州移动端UI设计原则细分步骤
兰州移动端UI设计原则细分步骤
来源:兰州设计培训学校时间:2022/4/10 10:24:57
一、适用对象及工作场景
1、产品和设计团队参照共享的设计规范。
不管是跟外部的用户体验设计公司合作,还是内部的设计团队执行设计,UI设计规范都是用来体现大家在产品设计沟通后一致确认的方案输出,以及为后续的产品迭代提供参照依据。
2、为项目相关的技术同事(如前端工程师、iOS/Android工程师)实际开发和重构提供保障。
技术在实际产品开发的时候,往往喜欢模式化,因为开发的工具语言往往有库、类这样的模块化思维。UI设计规范通过对一系列元素模块的具体规范,既能与产品开发实现完成对接,同时又便于工程师理解。
二、什么时候输出UI设计规范
一般都是产品高保真界面经过产品、设计和技术共同讨论确认后。如果产品的高保真界面OK,同时内部设计资源相对有富余,对应的产品设计师就可以整理一份初版的UI设计规范,然后后面再填充优化。
三、UI设计规范的三种类型
1、平台(系统)性质,主要对于其平台内生态的设计指南,
例如GoogleMaterialDesign、AppleWatchHumanInterfaceGuidelines、UbuntuDesign;
2、品牌物料,主要提供给媒体、第三方公司等用于公关报道和设计
(PS:貌似很少看到有这种整理,导致一些媒体报道的logo图片千奇百怪),例如Dribbble–LogoDownloads&BrandGuidelines、LinkedInBrandGuidelines、https://www.facebookbrand.com/
3、产品业务相关,主要是产品设计和实现层面的方案,Web产品居多,同时很多是与前端技术成果相结合,
例如StarbucksStyleGuide、Overview|AtlassianDesignGuidelines。
四、UI设计规范的具体内容划分:
品牌Logo及相关物料规范;
字体排版(Typography),即界面版式设计;
颜色(Color)规范,产品主要的颜色库;
图标库(Icon);
控件库(UIToolkit),Web产品与APP产品表现形式可能有所差异;
视觉框架(VisualHierarchy),定义产品的交互框架结构,与信息架构相关。
尊重原创文章,转载请注明出处与链接:http://www.peixun360.com/2137/news/510897/违者必究!
以上就是兰州设计培训学校 小编为您整理 兰州移动端UI设计原则细分步骤的全部内容。