UI设计常识
UI设计常识 什么是UI UI即User Interface(用户界面)的简称。UI设计则是指对 软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计 不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、 简单、自由、充分体现软件的定位和特点。
VI系统 分辨率 色彩模式 图片格式 可用性设计 网络资源 客户交流 本节内容
VI系统 VI系统 VI全称Visual Identity, 即企业视觉识别系统,是企业文化宣 传的重要组成部分。企业用于在各种急速膨胀的媒体、多种的传 播途径,大量繁杂的信息中凸显个性和身份,用以区别其他企业 的视觉方面的识别系统。
VI系统 1、设计原则 1、同一性 为了达成企业形象对外传播的一致性与一贯性,应该运用统一设计和统一大众传播, 用完美的视觉一体化设计,将信息与认识个性化、明晰化、有序化,把各种形式传播媒本 上的形象统一,创造能储存与传播的统一的企业理念与视觉形象,这样才能集中与强化企 业形象,使信息传播更为迅速有效,给社会大众留下强烈的印象与影响力。 2、差异性 企业形象为了能获得社会大众的认同并且与其他企业进行区别,必须是个性化的、 与众不同的,因此差异性的原则十分重要。 3、文化性 企业形象的塑造与传播应该依据自己的企业文化和所在国家不同的民族文化来进行。 4、有效性 有效性是指企业经策划与设计的VI计划能得以有效地推行运用,VI是解决问题学,不 是企业的装扮物,因此能够操作和便于操作,其可操作性是一个十分重要的问题。
VI系统 2、包含内容 基本要素系统 A.标志 B.标准字 C.标准色 D.标志和标准字的组合 应用系统 A.办公用品 B.企业外部建筑环境 C.企业内部建筑环境 D.交通工具 E.服装服饰 F.广告媒体 G.产品包装 H.公务礼品 I.陈列展示 J.印刷品 K.企业网站
VI系统 VI系统具有法律效力,不可私自更改!
分辨率 分辨率 分辨率(resolution)就是屏幕图像的精密度,是指显示 器所能显示的像素的多少。分辨率是非常重要的性能指标之一。 电子产品:72px/英寸 印刷品:150-300px/英寸 户外广告:300px/英寸 以上
色彩模式 色彩模式 由于成色原理的不同,决定了显示器、投影仪、扫描仪这类靠色光直接合成颜色的颜色设备和打印机、印刷机这类靠使用颜料的印刷设备在生成颜色方式上的区别。 RGB模式:适用于显示器、投影仪、扫描仪、数码相机等。 CMYK模式:适用于打印机、印刷机等。
图片格式 图片格式 1、位图 位图是使用像素的一格一格的小点来描述图像的。(不可无限放大,UI常用) 2、矢量图 矢量图使用线段和曲线描述图像,所以称为矢量,同时图形也包含了色彩和位置信息。(可无损耗无限放大,印刷品常用) *.jpg *.gif *.png *.ai *.eps *.cdr
可用性设计 可用性设计 1、内容布局 2、使用人性化 3、美观 产品在特定使用环境下为特定用户用于特定用途时所具有的有效性(effectiveness)、效率(efficiency)和用户主观满意度(satisfaction)。 1、内容布局 2、使用人性化 3、美观
网络资源 网络资源 1、图片 用于制作banner、导航页或者其他的图片素材。 2、小图标 新闻记录或者标题前面的小图标,像素的或矢量的。 3、文字 新颖、特别的中文或者英文字体素材。 4、代码 JS代码、CSS样式等。 6、动画 flash特效、动画小工具等。 5、音乐 背景音乐或者效果音乐等。 7、其他 PS的笔刷、样式等。
客户交流 客户交流 在与客户的交流中尽量了解客户的意图、喜好,及时归纳整理形成初步印象,然后将自己的想法告诉客户,争取在第一次交流中达成共识。 在设计过程中,如果与客户产生分歧,应将自己的理由及时告诉客户与之协商,如果客户执意修改则应该听从客户意见。 客户类别 1、非常了解型 2、一知半解型 3、完全不知型 注意事项 1、你永远比客户专业 2、永远要保持礼貌 3、要让客户知道你做了哪些工作
谢 谢 Thank You