勤学教育网合作机构>重庆培训学校>

重庆天琥设计培训学校

欢迎您!

分享

全国统一学习专线 8:30-21:00
重庆天琥设计培训学校
天琥设计-全国连锁教育集团
是设计培训行业规模雄厚和品牌影响力超群的机构
15年专注设计,立足教学质量、培养精英设计人才,打造中国设计培训品牌”的发展目标
重庆天琥设计培训学校> 重庆教育培训>

渝北区UI设计学校

  • 课程介绍

  • 学习资料

  • 2019-05-09
天琥ui学习

自移动IT时代爆发性增长开始,以移动APP、电商、游戏为主的大小企业都进入急速增长阶段,游戏应用产品就是增长的根本,而UI设计则是游戏应用的根本,平均15万人以上,年薪超十万的职位缺口,高起点,易就业。


—— 为什么越来越多人学习UI——

现在适合年轻人的高薪行业本就不多,比如销售,待遇不稳定,需要多年经验积累人脉,对于刚毕业的大学生来说,UI设计行业来的更快。这样近乎完美的行业特征,一线城市UI设计平均薪资过万,全都集合在了UI设计行业之上,或许这就是为何越来越多人选择UI设计的原因。

 

天琥学员可享免费线上服务

  • 成长记录

    学员的每份作业都在云琥在线提交并收集,记录个人成长全过程。这是一个成长档案,也是你个人作品集。

  • 随时答疑解惑

    在设计学习中遇到各种疑难杂症都能在云琥问答区域找到你想要的答案。随问随答,更多的惊喜等你来发掘。

  • 免费公开课

    设计大咖每周分享最新的设计课程,让学员更好地提升设计技能,拓宽设计眼界。每周与你来一次视觉约会。

  • 作品双重点评

    除了授课老师的多维度点评直观明了提出修改意见;还会得到常驻在作业作品评论区的云琥点评团提出的深度点评。



UI设计核心技能,完美匹配企业需求
天琥研发团队根据企业用人需求全面升级UI课程,
杜绝边缘化, 带你掌握核心技能,直接胜任企业设计岗位,就业起薪高,发展潜力大。 核心技能

UI设计大咖面对面教学

  • 天琥设计 曾老师
    天琥设计 曾老师 icon

    UI高级讲师,4年设计工作经验
    设计经验:先后就职广东三人行设计有限公司和国鹏集团,担任平面视觉设计师,曾负责真维斯服饰、千千礼仪网站、美味轩食品、山湖生态包装、深圳红树林地质勘察等大型设计项目。

  • 天琥设计 杜老师
    天琥设计 杜老师 icon

    UI高级讲师,3年设计工作经验
    设计经验:曾就职杭州牛贝科技有限公司,担任UI设计师,擅长APP交互设计。参与过众泰大迈车企CRM客户营销端APP交互以及APP交互等项目。教学理念:教而不研则浅,研而不教则空。



渝北区UI课程学习内容
 
平面设计综合阶段
PS 1、介绍软件(应用领域、优势)/软件界面与设置/视图缩放与移动/选择工具/屏幕显示模式/包装效果图/选区自由变换/保存格式/文字(文字海报)/形状工具(绘制简单形状)/填充(前景色、背景色)
2、色彩基础知识/色阶/曲线/亮度对比度等/色彩平衡/色相饱和度/可选颜色/画布大小调整/建立快速蒙版/LAB颜色模式
3、基础抠图工具/基本形状工具/钢笔工具/文本工具/字体排版技巧/变形变换
4、抽出命令/通道抠图/调整边缘抠图/插件抠图/抠图总结
5、素描三大关系/色彩构成/透视/产品修图案例
6、软件界面/软件基本设置/导入图片/视图的基本操作/调色命令/文件导出
7、光影知识/涂抹、锐化、模糊工具/加深、减淡工具/消失点,液化滤镜、仿制源/渐变工具、吸管工具/肤色调整/色彩知识(色彩搭配训练)
8、图层混合模式/合成基础知识/合成案例
9、滤镜(下)扭曲,渲染/图层样式内阴影,斜面与浮雕,颜色,渐变,图案叠加/详情页
10、图层样式概念/图层样式分类/图层样式案例/APP界面
11、自定义形状工具/3D工具/直通车制作
12、网页设计基础/动画设计+总结
AI 1、选择工具、基础绘图学习/颜色填充、渐变工具、吸管工具/锚点编辑工具
2、排列、锁定、隐藏、路径查找器(焊接、相交、修剪)、剪切蒙版
3、介绍软件/新建文件设置/软件界面认识/文字工具/文字大小改变、旋转、复制
4、钢笔铅笔工具、路径橡皮擦、美工刀、剪刀、群组与复合路径、对齐和分布
5、变形工具/封套扭曲/变换工具
6、画笔/符号/符号喷枪工具
7、其他格式:制表符、文字属性复制轮廓/简历制作
8、描边面板/对象/路径/内部填充(网格工具、实时上色)
9、混合工具(带过,CDR中详说)、透明蒙版(结合剪切蒙版使用)
10、效果菜单(凸出和斜角、绕转、风格化)软件相互间格式的处理
11、图表/位图转矢量图/透明度面板(中叠加方式的使用)
12、外观面板、图形样式/描边、外观的使用/图层面板(多图层整理)
CDR 1、均匀、渐变、图样、纹理、PS填充/交互式填充、网状填充吸管油漆桶
2、表格处理/插入条码、OLE对象(图表)/对象管理器/页面设置、打印
3、排版需注意的事宜(字号、字体、出血、文字安全框等)
4、基础绘图(矩形、椭圆、多边形、图纸、螺旋线、完美形状、智能绘图)
5、移动工具、填色(内部、轮廓)/视图工具(抓手、缩放、显示性能)
6、手绘、艺术笔/贝塞尔、钢笔/折线、三点曲线、连线、度量工具
7、排列、锁定、造形/图框准确裁剪/群组与结合、对齐和分布
8、文本格式:文字方向、字符格式、段落格式、段落文本换行(图文混排)、分栏
9、形状工具:A、直接编辑基本形状/文字;B、转换成曲线后编辑
10、涂抹、粗糙、变换工具/裁切、刻刀、橡皮檫、虚拟段删除/线条填色
11、基本操作(新建文件、设置文件大小、出血、保存、导出、再制等)
12、交互调和、轮廓
13、变形、阴影、透明
14、立体(立体字设计、扁平投影效果、添加纹理立体字、渐变立体字)
15、封套
16、位图处理/转换(跟踪位图)位图遮罩/滤镜效果(卷页)/效果菜单
17、软件介绍(应用领域、优势、缺点)/软件界面(调色板)
品牌视觉研修阶段
品牌电商 1、学习字体设计,掌握检查和修改自己作品的方法和技巧。
2、学习设计轮方法,系统学习设计创意逻辑,让创意设计变得简单、快捷、轻松。
3、学习设计中的对比法则,对于画面的把控能力,得心应手。
4、熟悉天猫京东首页banner广告位的设计风格与规则。
5、学习美术黑白灰三大调设计原则,掌握人像精修技巧,方便易记,快速出效果。
6、通过独创方法分析电商各类出色作品的标准,为自行创作提供有效的方法。
7、掌握图像创意合成方法,快速出效果。
8、学习电商设计中的阴影处理,熟练掌握护肤产品的设计风格与特性,使用检查标准提高页面效果。
品牌logo 1、通过天琥自创标志鉴赏十六字,检验标志对错好坏。深入解析有关logo品牌形象上抄袭和借鉴的区别。深入一层从含义、图形、文字、形态和色彩五要素进行创作,塑造出色logo案例。
2、通过中文、英文和数字阐述logo字体的设计原理,并提供五种捷径帮助学员有效快速掌握设计方法。
3、熟悉VI设计效果图制作方法,快速出效果。
4、熟悉VI手册设计规范,学习各项基础设计细节并明确了解其作用。
5、学习logo图形设计的基本原则、设计流程、思维方法和技巧要点,通过剖析多个案例提升logo图形设计实战技能。
品牌物料 1、通过多个案例学习画册的版式类型和基本原理。通过点评作品,让学员快速掌握版式设计的技巧、原则和规范。
2、掌握单张X展架的特点。包括尺寸大小、折叠打孔位置设定等设计规范,实战中快速制作出符合要求的宣传单张和展架画面设计。
3、文案思维对于设计具有指导性的意义,学习广告语,可以给各类型设计作品加分。
4、通过案例学习包装设计鉴赏、包装材料、包装纸盒结构设计以及包装印刷工艺。
5、运用品牌设计思维,实战操作整个品牌的各项设计,运用六尺评判标准,从看想写做说五种能力掌握项目设计的交付标准,让学员真正成为一名独当一面的全能型视觉创意设计师。
6、根据多个案例实战学习商业型和创意型海报设计的法则、规范与流程。
7、天琥独创研发理论,结合实操,提升对设计的认知。
8、天琥独创四大诀窍提升品牌设计文化深度,借以提升设计作品的价值和价格。
9、掌握宣传折页的特点,包括折法、尺寸、出血等设计规范,实战中快速制作出吸金无数的宣传折页。
网页电商研修阶段
DW 1、认识DW界面、工作区,熟练DW基本操作,学习表格,切片
2、下拉列表,dl、dt、dd下拉效果
3、掌握和熟悉横版网页的制作技巧和注意事项,让网站与众不同
4、html+css:项目列表与导航,常用css样式、css3样式补充,居中等
5、html+css:学习CSS三种嵌入形式、选择符、盒模型、浮动等,熟悉页面布局方法
6、熟练掌握竖版网站的制作规范和技巧,不再做网站的“小白”
7、表单,表单创建与表单样式
8、掌握超链接、锚链接、富媒体、框架网页、浮动框架的使用,建立简单的传统网页站点
9、spry卡式、折叠式、工具提示
10、学会如何套用和调用已有的JS代码,让网站妙趣横生,引人夺目
网页设计 1、重点掌握整站设计中的不同页面元素与设计时该注意的规范重点。
2、了解网站首页的组成部分,系统学习网站设计的组成。熟练掌握WUI设计的规范。
3、学习展示型网站、信息型网站、功能型网站、品牌网站、活动网站等网站类型的设计规范。
4、了解一个网站诞生的过程。通过企业网站案例对网站设计进行梳理,了解网页设计流程。
5、了解网页的前世今生与设计趋势。分辨各种不同网站类型的设计风格。重点学习网站设计的内容布局。
6、了解整站设计与整站设计中不同功能的页面。通过实际项目案例学习了解电子商务网站。
7、了解网站与网页的关系,学习标杆管理,与设计中标杆的应用。
电商设计 1、了解品牌电商的设计思路,通过案例学习不同品牌电商的设计方法与技巧。
2、学习钻展广告位的作用及规范。了解排版原则,信息传达原则,文字排版标杆布局,色彩关系的区分。
3、学习直通车的作用及规范,重点掌握直通车广告设计方法与技巧。
4、学习淘宝页面的移动端设计转变形式。重点学习网站响应式设计。
5、重点学习阿里/天猫/淘宝开店流程、装修流程、上架流程。
6、学习店铺装修代码与淘宝代码生成平台的应用。重点掌握代码的修改与热点图。
7、学习宝贝主图的作用及规范。重点掌握宝贝主图的设计方法与详情页的设计流程和技巧。
8、了解实际工作中网页电商设计师的定位于发展趋势。指导简历的制作思路与毕业作品的设计。


五大特权•免费享受
 
  • 免费试学免费试学

    随时试听课程,全程不收一分钱。

  • 面授教学面授教学

    名师面对面授课指导,零基础菜鸟也能快速学会

  • 名企直招名企直招

    拥有名企合作资源,毕业为你提供数千个工作岗位。

  • 连锁机构16年连锁机构

    全国48所校区,无论你在哪,我们的课堂就在你身边

  • 分期付款分期付款

    先学习,后分期付款。资金不足?学完ui设计挑战月薪8k+

  • 深圳天琥教育
     

详情请进入 重庆天琥设计培训学校 已关注:4 咨询电话:

本文堪称设计师必备的交互基础知识大全,无论你是新手还是工作多年,如果不是专业的交互设计师,对交互不够熟悉的,看这篇就完全够了。

一、交互设计是什么?

交互设计 Interaction Design 也被成为 IXD。交互设计建立起了人与计算机便捷沟通的通道,它的目标是创造可用性和用户体验俱佳的产品。作为 UI设计师,我们在工作之中经常会对接交互设计师和产品经理,他们具有丰富的交互知识和经验。那是不是我们作为 UI设计师,就只需要专心做好视觉层面的工作而不需要了解交互设计了呢?当然不是,在视觉设计层面更多地考虑布局和交互原则才可以让我们的界面更友好,视觉设计师是交互设计中非常重要的角色。

二、用户体验

在工作中经常听到 UED(用户体验设计)和 UCD(以用户为中心的设计),可见互联网行业非常重视用户体验,而用户体验绝不仅仅是要样子好看。有些设计师只关注视觉层面,认为产品战略等用户体验维度和自己的设计无关,那么就会和产品经理等角色处于不同的世界了。「他们为什么要我这么改?」、「为什么这里文字要浅一点?」有时不理解对方的思考角度就会造成争执。用户体验(User Experience)是用户使用产品的心理和感受,用户体验体现了产品设计以人为本的设计精神。

其实早在互联网出现之前就有「顾客先点鸡就先有鸡」、「顾客就是上帝」这种说法,并且西方很多大公司如施乐、联合利华等大公司早在互联网行业出现之前就已经开始进行研究用户体验了,可见用户体验对所有产品是多么的重要。但是让人摸不着头脑的是,用户体验有时非常地主观。因为用户体验背后影响用户的因素有人的喜好、情感、印象、心理反应等,有些人明明有摩拜却要走很远找 OFO,也有人只吃肯德基而不吃麦当劳。这些选择并不是优胜劣汰,而是有背后的原因的。要想让我们的产品被人喜欢,我们需要研究用户。

三、用户研究七种方法

但用户可能是几百万人呢!我们面对这样抽象的群体然后告诉自己要以他们为中心设计这多么抽象啊。这么多用户甚至有时用户自己的声音也是矛盾的。我们到底怎么样了解用户的心声呢?

1. 用户画像

根据产品的调性和用户群体,用户研究团队可以设计出一个用户的模型,这种研究的方式被称为用户画像。用户画像是由带有特征的标签组成的,通过这个标签我们可以更好地理解谁在使用我们的产品。用户画像建立后,每个功能可以完成自己的用户故事:用户在什么场景下需要这个功能。这样,我们所设计的功能就会更接近用户实际的需要。

比如我们现在要设计一个女装购物应用,那么我们可以做这个用户画像:小美,在北京国贸 CBD 上班,21岁,收入8000,喜欢淘宝购物和电视购物。使用我们产品的目的是为了寻找正品时尚大牌服装进行网购。

小美因为刚毕业所以一方面喜欢大牌一方面又资金短缺(启发:我们的产品是不是要解决这两个痛点?)

小美是时尚OL,审美很高,不喜欢俗气的设计。(启发:界面设计是否考虑不要使用粉粉嫩嫩的颜色而使用大牌的黑白色?)。

看,即使小美并不真实存在,但是她指引了我们的产品设计。接下来,我们还可以给小美增加一个头像,在做设计时我们想象这个人就是真实存在的用户,她会对我们的设计有什么看法。当我们完成用户画像之后,还可以接着设计用户故事:小美经常需要在工作场合穿符合工作气质的衣服,也需要在约会时有晚礼服之类的服装,可是小美的收入有限,她眼光较高但是对价格过高的服装无法承担,她使用我们的 APP 就是为了寻找正品且价格适中的服装。那么,小美在哪里用我们的 APP 呢?这就要为小美继续设计一个用户使用场景了:小美在开会时可能会打开看看、在地铁里也会浏览、在清晨打开衣柜时也会浏览。基本来说是碎片时间,而且是有着装需求时。(启发:我们是不是需要把字号调大以适应地铁里颠簸的阅读环境?我们是不是需要设计省流量模式免得刚刚毕业的小美花一笔巨大的流量资费?)

△ 用户画像

2. 用户访谈

邀约用户来回答产品的相关问题,并记录作出后续分析。用户访谈有三种形式:结构式访谈(根据之前写好的问题结构)、半结构式访谈(一半根据问题一半讨论)、开放式访谈(较为深入地和用户交流,双方都有主动权来探讨)。用户访谈设置时要注意:用户不可以是互联网从业的专业人员、不可以提出诱导性问题、不要使用专业术语。用户访谈适合产品开发的全部过程。

3. 问卷调查

可分为纸质调查问卷、网络问卷调查。依据产品列出需要了解的问题,制成文档让用户回答。问卷调查是一种成本比较低的用户调查方法。问卷调查适合产品策划初期对目标人群的投放,另外注意一个问题最好收集10个问卷,也就是如果你有10个问题那么至少要收集100个问卷才是有效的。要知道不是所有人都愿意耐心地填写问卷,很可能敷衍了事的回答会扰乱我们的判断。

4. 焦点小组

焦点小组一般有6-12人组成,由一名专业人士主持,依照访谈提纲引导小组成员各抒己见,并记录分析。并且在焦点小组的房间里会有一扇单向玻璃窗,用户是看不到里面有谁的。而在里面坐着的通常是开发团队,他们可以清晰地看到用户是如何吐槽他们的产品的,但是他们没有权利直接和用户进行解释。焦点小组需要特殊的房间和设备,主持人也需要训练有素,焦点小组特别能够分析出用户在没有我们说明的情况下如何使用我们的产品和对产品的不满。

5. 可用性测试

通过筛选让不同用户群来对产品进行操作,同时观察人员在旁边观察并记录,可用性测试的要求是用户不可以是互联网从业者而应该是真实产品的用户群体。但是可用性测试一般要有一个可用的软件版本或者原型供人测试才可以,在软件开发的前期不适合用这个方法。

6. 眼动测试

使用特殊的设备眼动仪来追踪用户使用产品时眼睛聚焦在哪里,盲区是哪里。比如一个网站通过眼动测试可以知道用户的视觉会自动屏蔽网站的常见广告位置,这时如果希望提高广告的点击,就需要把广告位放置于用户聚焦时间较长的位置。眼动测试的设备比较专业,通常在小公司较难开展。

7. 用户反馈和大数据分析

根据市场提供的反馈和数据得出客观的判断和合理的推测。用户反馈也是用户研究的一个重点,用户反馈主要是用户通过产品的反馈入口主动向开发者提出的意见。

有了这些方法,我们就能更好地了解用户和接近用户了。但是要注意,用户研究也是有陷阱的。比如:填写问卷和参与调研的用户可能并不是核心用户;提交用户反馈的用户之外可能有更多沉默的用户等。总之用户研究是一个必要的手段,但是仍然需要产品团队来对产品的方向做出决断。

四、用户如何使用产品

1. 使用场景

刚才我们介绍了用户使用的场景是根据产品的功能和平台决定的。电脑的使用场景是正襟危坐,手持鼠标。而移动端则是随时随地使用,我们的用户可能在地铁里、在厕所里、在吃饭时、在上课中怕老师看到把手机藏在桌洞里、在工作中领导巡视后偷偷瞄、在辗转反侧睡不着的时候没有开灯地浏览等。这时我们要为用户考虑,如果他们在使用我们产品的各种场景中有什么需要,是不是需要省流量、是不是需要调整字号、是不是需要过滤蓝光、是不是需要护眼模式、是不是不方便看视频、是不是需要缓存视频、是不是界面目前单手不太友好、是不是扫二维码时需要个手电功能、是不是需要语音提醒、是不是需要清除访问记录。

一个不考虑用户使用场景的产品一定是会遭到吐槽的。很久之前我听同事在吃饭时抱怨过「大爷的,也不搞个提示,早晨在地铁里用 4G 流量以为是在家用 WIFI,结果看了一集《甄嬛传》花了80块钱」、「哎?你是不是早晨开会时玩游戏了?你的比分都给我们推送了哈哈哈」。

△ 我的产品中的用户使用场景表格

2. 操作手势

网页设计所处的电脑端目前主要还是依靠鼠标点击来操作。鼠标点击的最小单位甚至可以是一像素。而移动端不太一样,移动端设备中我们使用手指来操作界面。一般来说,手指点触区域最小尺寸为7×7mm,拇指最小尺寸为9×9mm。也就是在我们@2x设计中为88px(或44pt)。这个神奇的88PX在移动端应用很广泛:很多表单单项的高度是88px、导航栏高度也是88px等等。那您可能会说,也不对吧,有些界面上的图标看上去没有88px啊。

是的,但是那只是视觉,我们可以通过增加图标点击区域的方式(比如给60像素大小的图标左右增加22像素的透明区域)来让图标更好点击。千万在设计时不要把操作区域放得特别近,可以把所有点击区域用88px标记看是否有重叠的情况,避免点击一个图标时误点另一个图标。除了点击区域,移动端还可以利用各种手势来进行各种操作的设计。主要的手势有:

单点触碰(Tap):点击用来选择一个元素,类似鼠标的左键,是最常用的手势。

拖曳(Drag):点击某个元素然后拖拽进行移动,类似现实生活中移动物体的感觉。

快速拖曳(Flick):速度很快的拖曳操作。

滑动(Swipe):水平或垂直方向的滑动,比如翻阅相册和电子书翻阅的手势。

双击(Double-Click):快速点击一个物体,通常会在放大、缩小操作中使用。

捏(Pinch):两根手指头向内捏,捏的动作会使物体变得更小,通常在缩小操作中使用。网易新闻客户端中正文页面即可通过捏的动作来缩小字号。

伸展(Stretch):两根手指向外推,现实中这种操作会使物体向外拉伸,元素可能会变得更大,通常会在放大操作中使用。网易新闻客户端中正文页面可以通过伸展放大字号。

长按(Touch and hold):手指点击并按住会激发另一个操作。比如朋友圈的相机图标长按可只发文字。但是注意,长按不是一个常态操作,所以一般不太建议用户进行该操作。但长按操作又是有需要的,所以会把删除、只发文字状态等操作隐藏其中。

除了用户使用场景、点击区域、手势,那么还有一个影响我们设计的使用情况,就是用户怎么拿手机很重要。用户可以:单手拿手机、双手拿手机、直向拿手机、横向拿手机。我们需要考虑这些可能发生的特征进行手势互动的规划与设计。比如 OFO 为了让单手(说不定是左手还是右手)操作方便,主要按钮在下方并且做的很大,左右手都可以轻松点击。而微信的很多按钮也都是大长条,方便左右手的触发。横屏使用场景一般是游戏、视频等,所以一般的 APP 并不支持横屏操作(微信、支付宝、微博均不支持横屏操作)。

五、格式塔:我们如何认知?

我们发现有些用户在使用设计好的界面时找不到一些重要的功能按钮。你也许会说:「奇怪,分享功能不就在更多按钮里面吗?」、「用户怎么连这个也找不到啊」。我们要来了解一下用户是如何认知我们设计好的界面的。在初高中考试的时候您一定见过完形填空这种格式吧,「格式塔」源自德语「Gestalt」,意即「整体」、「完形」的意思。格式塔心理学认为,我们在观察的时候会自动脑补出一些逻辑和含义来,会让观察对象变成一个完整的、整体的、常见的形状。

「研表究明,汉字的序顺并不定一能影阅响读,比如当你完看这句话后之,才发这现里的字全是都乱的。」研究格式塔心理学对我们做互联网产品和设计有什么用呢?掌握格式塔的理论我们就可以让用户按照我们安排的「剧本」来交互和操作界面了。我们可以让用户比较容易地根据固定位置找到提交按钮、我们也可以让用户不经过太多思考在杀毒软件中点击杀毒按钮等。格式塔心理学对于我们做好表现层是非常有利的。格式塔原理主要有格式塔五大律和格式塔三大记忆律两个知识点。

1. 接近律 law of proximity

格式塔心理学认为,人们认知事物的时候,会依靠它们的距离来判断它们之间的关系。两个元素越近就说明它们之间关系更强。但是接近也是有对比的,在复杂的设计中,我们要一边考虑它们之间内部的逻辑关系一边来排版。

△ A组和B组因为接近律而产生不同地阅读顺序

△ 距离更近的信息暗示了他们有内在的逻辑关系

2. 相似律law of similarity

认知事物时,刺激要素(比如大小、色彩、形状等要素)相似的元素我们倾向于把它们联合在一起或者认为它们是一个种类。比如,我们能轻易的分辨出拨号页面中拨号键和按键群的区别。

△ 相似的元素暗示了他们属于一个种类

△ 类似外形的单元会被我们人脑默认为同一属类

3. 闭合律law of closure

就算没有外形的约束,我们也会自动把图形脑补完全。比如半个形状或者有缺口的形状我们不会认为是一条线,而是一个完整的形状。闭合是指一种完形的认知规律。

△ 左边的图中我们会认为是圆形有缺口而不是一条曲线,右边的图形中我们会认为是圆形被三条线截断了而不是四个图形

△ 界面设计中露出一半内容,闭合律让我们感知右边还隐藏着更多内容

4. 连续律law of continuity

在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线,使曲线继续成为曲线,也就是视觉的惯性。利用连续律我们可以让用户操作界面时不经过思考就点击一个固定的位置。

△ 深谙连续律的流氓软件

5. 成员特性律law of membership character

如果我们有很多同样的按钮,如何让某个更重要的按钮突出但是仍然让用户感知还是按钮呢?那就要用到成员特性律了。成员特性律赋予了集体中某一个元素特殊的一些刺激元素从而突出它。

△ 独特的外形暗示了它与别的元素有不同的功能

△ 拨号页面中拨号键与微博发布微博图标都与其他按钮不同

6. 记忆律:我们如何记忆?

接着格式塔五大律还有专门研究用户记忆的格式塔记忆律。格式塔心理学家沃尔夫对遗忘问题所作的经典性研究得出了格式塔的三大记忆律。沃尔夫实验时要求实验体观看样本图形并记住它们,然后在不同的时间里根据记忆把它们画出来。结果发现实验体在不同的间隔时间画出来的图像都有不同。有时再现的图画比原来的图画更简单更有规则,有时原来图画中显著的细节在再现时被更加突出了。还有的比原来的图像更像某些别的我们都很熟悉的图案了。沃尔夫把这三种记忆规律称之为格式塔三大记忆律:「水平化」、「尖锐化」、「常态化」。

△ 哪个图形才是正确的?(图片来源:网络)

水平化leveling:水平化是指在记忆中我们趋向于减少知觉图形小的不规则部分使其对称;或趋向于减少知觉图形中的具体细节。

尖锐化sharpening:尖锐化是在记忆中与水平化过程伴随而行的。尖锐化是指在记忆中,人们往往强调知觉图形的某些特征而忽视其它具体细节的过程。在有些心理学家看来,人类记忆的特征之一,就是客体中最明显的特征在再现过程中往往被夸大了。

常态化normalizing:常态化是指人们在记忆中,往往根据自己已有的记忆痕迹对知觉图形加以修改,即一般会趋向于按照自己认为它似乎应该是什么样子来加以修改的。

六、情感化设计是什么?

了解格式塔会让我们把界面做得符合用户的心理预期,让用户能够明显地找到他应该找到的操作。可是用户好像还是不开心,因为用户觉得界面不好看。您是不是也会陷入这样的矛盾:可用性重要还是美感更重要?怎么样能够让我们设计的界面又好用还漂亮呢?情感化设计最先由唐纳德·A·诺曼博士提出,指的是设计中情感在所处于的重要地位以及如何让用户把情感投射在产品上来解决可用性与美感的矛盾。情感化设计是在抓住用户注意、诱发情绪反应以提高执行行为的可能性的设计。

比如红色且巨大的购买按钮能够无意识地抓住用户的注意、可爱萌萌的卡通可以缓解用户网络不好时的焦虑等等。情感化设计有三个水平,它们是递进关系,分别是:本能水平(重视设计外形)、行为水平设计(重视使用的乐趣和效率)、反思水平设计(重视自我形象、个人满意、记忆)。

1. 本能水平

我们都是视觉动物,对外形的观察和理解是出于我们本能的。本能水平的设计就是刺激用户的感官体验,让别人注意到我们的设计。这个阶段的设计会更加关注外形的视觉效果。比如各大电商网站的专题页面设计,更加注重抓眼球和外观的刺激。

2. 行为水平

行为水平是功能性产品需要注重的。一个产品是否达到了行为水平,要看它是否能有效地完成任务,是否是一种有乐趣的操作体验。优秀行为水平设计的四个方面:功能,易懂性,可用性和物理感觉。比如好用的记事本APP 等。

3. 反思水平

反思水平的设计与用户长期感受有关,这种水平的设计建立了品牌感和用户的情感投射。反思水平设计是产品和用户之间情感的纽带,通过互动给用户自我形象、满意度、记忆等体验,让用户形成对品牌的认知,培养对品牌的忠诚度。马洛斯理论把人的需求分成生理需求、安全需求、社交需求、尊重需求和自我实现需求五个层次。我认为反思水平的设计就是提供给用户归属感、尊重、自我实现。比如 Google 每逢节日就会有一些符合节日化的设计、网易严选的空状态也会有品牌感的体现等。

4. 情感化设计的表达

画面:画面是情感化设计的重点,让错误页面或者空状态都成为一幅可爱的插画。

应景:让用户在我们的产品中体验到一些和真实世界一样的氛围变化。

游戏感:没有人喜欢做任务。试着让用户完成的任务变成游戏吧。比如每次登录加金币,有足够的金币就可以获得什么称号。

冲突:冲突非常能够勾起人的情绪,营造一个竞争或者对抗的氛围,让用户感觉自己置身在一个比赛或者格斗中一样。

讲故事:给产品和无聊的图像一些故事内容,毕竟没有人讨厌讲故事。

隐喻:用一些大家理解,随处可见的事物表达一些无趣、生涩的概念。

互动:给用户和其他用户多制造互动机会,比如排行榜。
  • 校区分布
  • 学校相册
  • 推荐课程
  • 相关学校
  • 相关文章

温馨提示:提交留言后老师会第一时间与您联系!热线电话:

手机访问

#tel_020#
2019全年综合资料,六合宝典资料区,关注2019全年马会资料,今晚开什么码资料2019,2019全年正版输尽光资料,2019年马会正版,今晚开什么码资料2019