考试题

缺省页作用：缓减缺省页带来的负面情绪，增加s用户与产品的粘度，提升产品的用户体验

网站基本类型 c端b端

c端 面向用户和消费者的
门户站
产品网站
企业网站
电商网站
专题页面
游戏网站
视频网站
h5移动端

四大门户网站:新浪，搜狐，腾讯网，网易)

UI设计尺寸：ios系统尺寸:375ptx812pt

**单位:(判断题)**PPI：像素密度，屏幕分辨率单位，表示每英寸所拥有的像素数量，通常代表苹果手机

以上c端

b端是 后台 管理端 oa端
app网站后台
oa系统(办公自动化 请假后台申请同)
CRA系统(客户关系管理系统)

用户体验十项原则

1. 可见性原则：保证界面内容可见，状态可见，变化可见（常见状态：空状态，加载状态，网络状态，404状态，按钮点击状态等）
2. 场景贴切原则：让功能操作符合用户的使用场景，
3. 可控原则：用户要能对当前的情况很好地了解和掌控，足够自由
4. 一致性原则：用户需要在同一个产品中更同意接受同一套规范或者逻辑
5. 防呆防错原则;要尽量用足够的提醒和设计，让用户不要混淆，犯错和发呆
6. 协助用户记忆原则：在记忆某些信息时，产品功能要帮助用户记忆
7. 容错原则：向用户提醒犯错的可能，并提供给客户挽救错误的方法，要在帮助用户的可能犯错的时候进行提醒，越严重的错，提醒就越重
8. 帮助和提示：在任何时候，考虑到用户需要得到帮助的情况并且并予以提示
9. 恢复现场原则：适应用户的碎片化，使用习惯，在各种切换和退出返回，要能有恢复现场的能力
10. 灵活高效原则：用户在使用时要方便高效的的完成任务

IOS

• 状态栏（Status Bars）：高度44pt

• 导航栏（naviga Bars）：高度44pt

• 标签栏（Tab Bars）： 49pt

• 虚拟主页键：34pt

  pt和px换算。看几倍图 几倍图pt就乘以几

• xd，sketch建立画布大小 375×812pt

间距规范：偶数作图

ios字体：英文sf字体 旧金山字体 默认中文字体：苹方字体 必须偶数 不能手动加粗

安卓默认英文字体：roboto 默认中文字体思源黑体

苹果平方英语 旧金山

安卓 思源黑体

安卓默认 英文字体roboto罗伯特

组件有哪些 文字图形结合在一起 标签 栏瓷片区 导航栏

响应式网站 ：一个网站可以兼容多个终端

优点：节约成本，解决中端浏览效果快捷方便

缺点：功能层级多的，复杂的不能使用

fab法则

feature属性 即产品所包含的客观现实，所具有的属性

a advantage 作用 我们产品的优点，能给顾客带来的用处

b benefit益处 就是给顾客带来的利益

什么是ui设计 “；对软件的 人机交互 、操作逻辑、界面美观的整体设计

哪些属于ui设计

取款机 k歌 买票机

界面设计常用 ps ai sketch adobe xd figma

研发app流程

需求分析需求评审 交互设计交互评审 视觉设计设计评审 切图标注

技术开发测试产品 产品上线 后期维护

375×812pt ios适配尺寸

PPI:屏幕分辨率单位 表示每英寸拥有的单位数量，通常代表苹果手机

DPI:网点密度是打印分辨率，表示每英寸打印的点数 通常代表安卓手机

---

小图标边框最细2px

描边数值为奇数应使用内外描边

---

缺省页设计原则 缺省页三原则 告知 引导 情感化

500 400 403意思缺省页的作用

1. 页面为加载出来(加载页)

2. 当前那页面无数据（空白页）

3. 当前信号中断，完全没有网络时

4. 用户无权访问此页面（403）

5. 当前页面不存在（404）

6. 当前服务器出错了（500）

7. 当前服务器崩溃了（503）

用户分析的方法 ：

1. 用户画像分析的分类
2. 用户特征/规模分析
3. 用户需求/痛点分析
4. 产品行为分析
5. 内容偏好分析
6. 竞品分析

图片格式区别

（1）JPEG图像格式：JPEG格式的图像主要是压缩的是高频信息，对色瓷的信息保留比较好，因此也普遍应用与需要连续色调的图像中

（2）TIFF图像格式：它是一种非失真的压缩格式，能保持原有图像的颜色及层次，但占用空间却很大。TIFF常被应用于较专业的用途，如：书籍，海报等，极少应用于互联网上

（3）GIF图像格式：它在压缩过程中，图像的像素资料不会丢失，然而丢失的却是图像的色彩

（4）PNG图像格式：背景透明，它压缩比高，生成文件体积小，常用于网页中

app区别

传统APP、微商场、小程序区别

传统APP：面向所有智能手机用户，受app限制需要在应用商城下载安装，在手机中占用空间，需要向十几个应用商店提交审核，过程繁琐，维护成本高，会隔三岔五推送广告。线下经营门店、优惠活动等吸引客户扫描添加，需下载安装包。

微商场：面向所有微信用户，受微信端限制不需要安装，占用内存空间忽略不计，不需要审核，全部自动升级，一个月最多推送4条信息，通过二维码等方式直接获得

小程序：面向所有微信用户，受微信端限制，不需要安装，内存空间忽略不计，提交到微信公众号审核，全部自动升级，不允许主动给用户发广告，只能回复模板信息。

专题页

---

平面相关的

印刷检查需要注意什么

1. 数码打样（检查文字是否有错别字，大小是否合适）

2. 检查图像是否符合印刷要求

3. 检查链接图像是否完整

4. 检查文件是否转曲

印刷流程：发片，打样，拼版，晒版，打印，印刷加工

印刷工艺：烫金烫银，印金印银

logo提案稿

色彩三要素：HSB 代表色调 (hue) - 饱和度 (saturation) - 亮度 (brightness)

展架分辨率给150ppi

FAB法则

1.直击痛点 提出问题,引发用户共鸣，

2.解决痛点，解决提出的问题,增强客户代入感

3.优劣PK 通过对比强化宝贝的卖点,增强客户对产品信心

4.打消顾虑 通过第三方打消客户顾虑。

5.收尾 产品展示 以主推颜色,不同角度,不同颜色为主

CRM系统：CRM系统(C客户R关系M管理)可以管理客户即可

什么是闪屏：打开APP所呈现的页面,主要作用于过渡，减缓APP数据加载过，造成用户等待的焦急成,同时可以削弱用户直接进入产品界通的突元感

常规闪屏:logo+名称+slogan+吉祥物+品牌色

什么为专题页：专题页是针对指定的专题而制作的页面，页面中的内容全部围绕指定的专题来规划或者扩展。页面不但包专题内容,还可在其中展现商品内容,从而吸引用户的注意力，给店铺带来流量，提高店铺被搜索的概率。

什么为详情页：由文字、图片构成的，指淘宝卖家所出售商品的主图页面

作用：提高转化率的入口，激发顾客的消费欲望，树立顾客对店铺的信任感，打消顾客的消费疑惑，促使顾客下单。

什么为引导页：第一次打开应用，app会呈现出3-5个连续的页面，提前告知用户产品相关信息，功能或者特点，起到迎宾引导的作用。

H5优势

1.制作与投放成本低

传播速度快

拉近受众与品牌的距离，增加品牌的曝光率

容易迅速获取用户的反馈，跟进后可再次迅速修改

具备传统广告所不具备的与受众的互动性

小程序作用：满足用户不需要下载安装即可使用的一项功能，用户通过扫一扫或者搜一下即可打开应用，也体现了“用完就走”的理念，用户不用担心安装太多应用造成手机内存不足，手机运行缓慢等情况，随时可用，不用下载。可以在微信内被便携的获取和传播。

---

控件是最基本的交互单位

反馈控件有：角标 土司提示 通知条 底部提示栏

组件（将文字图标等进行组合）：导航栏，标签栏（tab栏）金刚区（快速功能入口 是页面的一个核心区域），瓷片区（将图像和文字通过特定的排列组成一个完整的模块），

组件：是将图形图片图标文字等多个元素进行组合，进行更好的信息传递。具有灵活使用，便于复用的特点，并且能够使用户进行交

控件是APP界面中最基本的交互单位，具有可操作，可控制的特性

---

金刚区作用 称为快速功能入口，用来分流和导流的作用

图标描边至少2px，线性图标描边数值为奇数，使用内描边或者外描边

---

设计师如何做好用户体验

1. 逻辑问题

利用格式塔原则

• 简单

简化易于理解

• 相似

  相似的颜色使用有助于我们区分什么是标题、正文和链接文本。

• 邻近

  人们倾向于将彼此靠近的元素视为一个组。在设计中，通过调整元素之间的距离，可以传递出不同的组织结构

• 闭合

  即使在图形没有完全闭合的情况下，人们也会将它们视为完整的形状。这在品牌标识设计中特别有用，如IBM的标识利用了这一原则

• 连续

  人们的视觉系统偏向于连续的形式，使阅读和观察更具连贯性。例如，在图形设计中，连续的线条能够引导观看者的视线

• 主体与背景

当一个小图形重叠在大图形之上时，人们倾向于将小图形视为主体，大色块为背景，这有助于在视觉上分离信息

小程序设计原则：

友好礼貌

避免用户在微信中使用小程序服务，注意力被周围很复杂环境干扰，在设计时应注意减少无关设计元素对用户目标的干扰，礼貌的向用户展示

• 清晰明确

  用户进入小程序页面中，设计师有义务清晰明确的告知用户当前在那个页面，下一步要跳转哪个页面，让用户不迷失

  • 便捷优雅

  符合用户使用习惯

---

LOGO设计注意:寓意好，便于识别，有独特性，复合背景主题 LOGO提案

---

IOS设计三大原则

1. 清晰
2. 遵从
3. 有深度

字体设计追寻的原则？

一、文字的适合性

二、文字的可识性

三、文字的视觉美感

手机上尽量少用那两种颜色

红色和绿色

你认为UI和平面的区别

工具

• UI设计：设计师常常使用Pixso、Sketch、Adobe XD、Figma等设计软件，它们可以创建互动式原型和测试用户体验。
• 平面设计：设计师更倾向于使用Illustrator、Photoshop或InDesign这样的静态图像工具来制作印刷品和网页图像。

输出样式

• UI设计：动态，包括点击、跳转、输入、影视、动效、视频等动态输出。
• 平面设计：静态，如一张图片，一个logo等不会动的视觉展示。

应用领域

• UI设计从事工作：创意设计 ,视觉作品制作，品牌设计，排版和布局，色彩和图像选择，社交媒体和数字媒体设计，与客户沟通，改稿

• 平面设计应用领域： 平面设计主要学习如报纸广告、喷绘写真、名片、路牌、企业样册、VI设计、LOGO标志、宣传单页、宣传折页、海报、包装设计及婚纱设计等