ui设计师,规范.docx

ui设计师,规范篇一: search搜索bg背景selected按钮状态(选中) button按钮nav导航栏disabled按钮状态(不可点击) tab菜单栏icon图标default按钮状态(默认) bg背景personaltada个人资料presses按钮状态(按下) user用户pop弹出back返回 refresh刷新delete删除eidtxx image图片download下载content内容 banner广告login登陆leftrightcenter左右中 registered注册title标题msg提示信息 link链接note注释logo标志 icon制作: iOS120px:Icon_120@ 80px:Icon_small_40@ 58px:Icon_small@ 114px:Icon@ Android:36*36px:drawable-ldpi 48*48px:drawable-mdpi 72*72px:drawable-hdpi 96*96px:drawable-xhdpi Android安卓系统dp/sp/px换算名称分辨率比率rate(320px)比率rate(640px) idpi240*320 mdpi320*4801 hdpi480*800 xhdpi720*800 xxhdpi1080*1920 Android的图标尺寸屏幕尺寸启动图标操作栏上下文 320*480px48*48px32*32px16*16px 480*800px 480*854px72*72px48*48px24*24px640*960px 720*1280px48*48dp32*32dp16*16dp 1080*1920144*144px96*96px48*48px 比率rate(750px)系统通知最细笔画24*24px2px36*36px3px24*24dp2dp72*72px6px iPhone图标尺寸设备AppStore程序应用状态栏spotlight搜索标签栏导航栏 6p1024*1024px180*18054px87*87146(66)132 (160px)(物理60px) 61024*1024px120*12054px58*5898(44)98 51024*1024px114*11440px58*5898(44)98 41024*1024px114*11440px58*5898(44)98 3515*512px57*5720px29*2949(44)44(80px) 点击区域点击区域大于44pxretain屏幕大于88px 字体大小上的英文字体:HeiveticaNeue中文:mac下是黑体-简win下华文黑体 Ios长文本(可接受)26px(见小值)30px(舒适值)32px~34px双数短文本(可接受)28px(见小值)30px(舒适值)32px 注释(可接受)24px(见小值)24px(舒适值)28px 手机上的字体:Droidsansfallback Android高分辨率长文本(可接受)21px(见小值)24px(舒适值)27px(480*800) 短文本(可接受)21px(见小值)24px(舒适值)27px 注释(可接受)18px(见小值)18px(舒适值)21px Android低分辨率长文本(可接受)14px(见小值)16px(舒适值)18~20px(320*480) 短文本(可接受)14px(见小值)14px(舒适值)18px 注释(可接受)12px(见小值)12px(舒适值)14~16px 篇二:UI界面设计规范 UI设计规范一:UI设计基本概念与流程目的规范公司UI设计流程,使UI设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使UI设计的流程规范化,保证UI设计流程的可操作性。范围 l界面设计 l此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。概述 UI设计包括交互设计,用户研究,与界面设计三个部分。基于这三部分的UI设计流程是从一个产品立项开始,UI设计师就应根据流程规范,参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节,履行相应的岗位职责。UI设计师应全面负责产品以用户体验为中心的UI设计,并根据客户(市场)要求不断提升产品可用性。本规范明确规定了UI设计在各个环节的职责和要求,以保证每个环节的工作质量。基本介绍 A、需求阶段软件产品依然属于工业产品的范畴。依然离不开3W的考虑(Who,where,why.)也就是使用者,使用环境,使用方式的需求分析。