UE设计规范总结.pptVIP

目录 1 UI/UE设计什么 2 设计规范介绍 3 制定标准的意义 4 设计软件 5 设计规范标准 6 总结 UI/UE设计什么 UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。 UE设计一般指游戏设计或游戏相关设计，还有网站的ue设计，其实就是UserExperience的缩写。用户体验（userexperience）是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉，包括情感、信仰、 爱好、认知印象、生 理和心理反应，以及 接受的问题疑惑和 BUG的程度。 设计规范介绍 设计规范是适用于人机交互界面设计师、用户体验设计师，前台技术工程师，发布人支持人员以及运维编辑人员的参考。贯穿以用户为中心的设计指导方向，根据界面的特点统一的规范，以达到提升用户体验，控制产品设计质量，提高效率的目的。 制定标准的意义 操作方便 沟通便捷 省时省力 统一：设计风格；色彩；布局。 舒适：色彩搭配；结构布局；操作流程。 美观：整体效果的美观。 便捷：能点选就不输入； 能少层级就不多； 界面元素一目了然。 设计软件 Photoshop、Illustrator 、PageMaker、 CorelDraw、Freehand等。 设计师常用的软件： PS：刚开始做设计的时候很纠结选择哪款设计软件，其实一个作品好与不好不关乎你 用的是什么软件，只要你熟练任何一个软件都能设计出好的作品。所以希望看到这里 的新手朋友们不要再纠结用什么软件设计，只要能表达出想要的东西都是好作品。 设计分类及标准 手机客户端设计 PAD客户端设计 软件UI设计 Web设计 主题鲜明 形式与内容统一 强调整体 减少层次 Web设计要求及原则 Web设计的特点 交互性：及时交互，主动交互 持续性：信息的技续更新 多维性：源于超链接，导航清晰 多媒体：综合运用多媒体元素 布局不可控： 操作系统 不同、浏览器种类与版本不同、 屏幕大小与分辨率不同。 Web设计的标准 网页宽度 如果是1280的分辨率，网页设置成1258的宽度会安全一些，正文宽度设计为980px，涉及到有背景图案的专题页时，宽度可设置成1440px，正文宽度设计为980px。 颜色 设计时请使用256Web安全色，在photoshop新建文件中最好选择RGB/8位，因为其他模式的色域很宽，颜色范围很广，在不同显示屏失色现象较为严重些。活动专题可根据需求进行调整。 网页正文一律采用宋体12号(12px)字体，标题采用黑体。建议使用12号+14号的混合搭配。 英文字体从9px开始就能清晰显示，选择空间很大。10px/11px/12px/13px都是常见的字体大小，字体请使用系统自带字体。例：Tahoma\Arial\Verdana 版块排版在视觉上尽量符合纵向分割，横向模块间距统一，纵向可根据页面需求适当区分。 栏目间距8px-10px 产品宽度160px 产品间距30px-40px（PS：间距40px应用于二级类目，间距30px应用于三级类目） 字体字号 页面布局 网页栅格 产品栅格 Web设计的标准 表单 边框默认颜色：#A0A0A0 输入框高度：20px居中 字体大小：12px/14px（可选） 6px 简洁 易于操作 避免输入 信息扁平化 增强交互 Web设计要求及原则 手机客户端操作平台介绍 不同的平台手机的设计风格、操作方式、硬件配置都存在很大的差异。个平台都有各自的设计指南（UI Style），其对应的手机的硬件也有各自的特点， 如iPhone的home键，Android 的back键，blackberry的滚轮等等。特别提一下Palm，Palm的web OS真的值得手机交互设计师研究一下（手机 Palm pre）。因此，在设计上，不仅要了解平台的设计指南，同时需要考虑平台的硬件特征，使自己设计的应用不仅符合平台的交互特性，并能兼容平台上硬件使用习 惯，提高应用的可用性。当前的主流平台主要包括iOS、Android、Symbian、Blackberry、Win Phone7、Web OS等。 iPhone界面尺寸 PS：我在设计时一般参考iPhone的尺寸进行设计，其他系统的手机尺寸也遵循了 iPhone的设计原则，技术只需要在原效果图对其进行同比例缩放即可。 iPhone图标尺寸 PAD客户端操作平台介绍 当前的主流平台主要包括iOS、Android、Win Phone7等。 尺寸 基本分为3个尺寸，5寸（dell streak），7寸