视觉设计与交互设计

视觉设计：                                                                                                                                              视觉设计是针对眼睛功能的主观形式的表现手段和结果。与视觉传达设计的异同，视觉传达设计属于视觉设计的一部分，主要针对被传达对象即观众而有所表现，缺少对设计者自身视觉需求因素的诉求。视觉传达既传达给视觉观众也传达给设计者本人，因此深入的视觉传达研究已经关注到视觉的方方面面感受，称其为视觉设计更加贴切。                                                                             设计理念：                                                                                                                                            到底什么是视觉设计，就由涉及计算机专业考证的NIEH来为大家解答疑惑视觉设计是针对眼睛官能的主观形式的表现手段和结果。与视觉传达设计的异同：视觉传达设计属于视觉设计的一部分，主要针对被传达对象即观众而有所表现，缺少对设计者自身视觉需求因素的诉求。视觉传达既传达给视觉观众也传达给设计者本人，因此深入的视觉传达研究已经关注到视觉的方方面面感受，称其为视觉设计更加贴切。                                                                                                                    就At the present stage的设计状况分析，其视觉传达设计的主要内容依然是Graphic Design一般专业人士习惯称之为“平面设计”。“视觉传达设计”、“平面设计”两者所包含的设计范畴在现阶段并无大的差异，“视觉传达设计”、“平面设计”在概念范畴上的区分与统一，并不存在着矛盾与对立。       视觉设计分类：                                                                                                                                         标志设计：人们可以获取大量信息，并很大程度地影响自己的生活观念和生活方式。分为政治性、公益性、文化性、商业性。                                                                                                               包装设计：对书籍的封面及排版等进行艺术化的设计，提高读者的阅读兴趣，从而加深对其思想性、文化性和知识性的认识。                                                                                                             字体设计：以特定的图形象征或代表某一国家、机构、团体、企业或产品的符号。简明、直观、易识别。                                                                                                                                             图像设计：指运用视觉设计手段，通过标志的造型和特定的色彩等表现手法，使企业的经营理念、行为观念、管理特色、产品包装风格、营销准则与策略形成一种整体形象。                        书籍设计：为达到有效传达企业特定信息的目的，对文字的笔画、结构、造型、色彩以及编排等方面进行一定的艺术处理，使其形成鲜明的个性，使人易认易记。                                                      广告设计：各种手工或电脑的绘画手段或影像技术，以及利用复合方式进行创造性的图像设计，构思巧妙，表现独特。                                                                                                                         装潢设计：产品与消费者的媒介，它起着保护商品、介绍商品、美化商品、指导消费、便于储运、 销售、计量等方面的作用。又称视觉形象识别系统设计。从发展的角度来看，视觉传达设计是科学、严谨的概念名称，蕴含着未来设计的趋向。                                                                            界面设计：界面设计又叫GUI设计，包括网页视觉设计和各类手执（手机、pad等等）系统的界面视觉设计（不含交互、体验），是近些年兴起的新兴设计学科。                                                     设计领域：(1)字体设计(2)标志设计 (3)插图设计 (4)编排设计 (5)广告设计(6)包装设计(7)展示设计 ，视觉传达设计是为现代商业服务的艺术。                                                                           主要包括标志设计、广告设计、包装设计、店内外环境设计、企业形象设计等方面，由于这些设计都是通过视觉形象传达给消费者的，因此称为“视觉传达设计”，它起着沟通企业——商品——消费者桥梁的作用。此外，视觉设计在商业设计领域是一个较为宽泛的概念，根据周韧所著《当代视觉设计精品——欧洲篇》对视觉设计的归纳分类，视觉设计还包含商业店招及门面展示设计、指示系统设计、设计雕塑、商业环境设计、公共设施设计、橱窗展示设计、壁面展示设计等方面。视觉传达设计主要以文字、图形、色彩、立体造型为基本要素的艺术创作，在精神文化领域以其独特的艺术魅力影响着人们的感情和观念，在人们的日常生活中起着十分重要的作用。                                 平面设计于视觉设计区别多大？                                                                                                                                                                                            

 视觉流程图：

    产品需求管理流程图：

       设计思维五维方法：（1）梳理业务背景，了解务诉求（散发思维），（2）搜索关键词（提炼）（3）提取重点关键词（设计转化）（4）视觉探索（配色+设计元素）（5）确立设计元素，以及配色方案（适配业务需求，元素符合结合）。

交互设计： 交互设计（英文Interaction Design，缩写IXD)，是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和“用户体验”两个层面上进行分析，关注以人为本的用户需求。 

这是另外一个交互设计软件Axure，这是下载链接点击前往下载https://axure.cachefly.net/AxureRP-Setup.exe

                                                                                         交互设计流程是怎么样？

一.我们无论是设计网页还是app时，一定要学会建立清楚的视觉层次，不然整个页面会看着很混乱。所以注意以下三点

1.越重要的部分越突出

2.逻辑上相关的部分视觉上也相关

3.逻辑上包含的部分在视觉上进行嵌套

还有就是我们设计视觉层次的时候一般是用Axure来画，我们画的时候最好也是按层级来画，不然修改的次数多了你的Axure里的原型图修改起来就有点麻烦了。

二.进行交互设计的时候多考虑下用户习惯，越符合用户习惯，用户使用起来就越简单，用户就更加愿意去使用。这样就形成了一个正循环。当然存在以下情况下可以不用：1.同样清楚，同样不言而喻，没有学习曲线的方法--这样就和习惯用法一样好了 2.带来很大价值。因此用户值得花一点时间来学习。

三. 把界面划分成明确定义的区域,比如现在很多都有导航栏区，内容区等等，在这些区域里的东西用户一下子就能明白他们具体是做什么的，完全不需要花时间去思考。

四. 明确标识可以点击的地方，这种一般可以用不同颜色或者图标来表示。

五. 一个小tips,三次无需思考，明确无误的点击等于一次需要思考的点击。

六. 省略一些不必要的文字，比如欢迎词，解释词。省略不必要文字的好处：可以降低页面的噪声，使页面的内容更加突出，让页面更简短，让用户能一眼看到更多的内容。

七. 导航用途

1.帮助我们找到想要的东西和告诉我们身在何处。给了我们固定的感觉

2.告诉我们当前的位置，告诉我们如何使用网站或者app，给了用户对建设者们的信心

需要注意的一个点就是一旦你在某个页面有了导航栏，那么与他同级的页面都需要有导航栏。

八. 一个首页要完成的任务

1.站点的标志和使命。告诉别人这个网站或者app是做什么的。

2.要理清楚站点层次

3.首页最好有个搜索功能

4.导读（这个app一般没有，但是网站还是有）

5.内容更新

6.友情链接

7.快捷方式

8.注册

9.让人看到正在寻找的东西

10.用户没有查找到的，但是很有趣的东西

11.建立可信度和信任感

九.关于测试的几个事实

1.如果想建立优秀的网站或者app，一定要测试

2.测试一个用户比不做测试好一倍

3.在项目中，早点测试一个用户好过最后测50个用户

4.人们对招募用户的重要性估计过高

5.测试的关键不是要证明什么或者反驳什么，而是了解你的判断力

6.测试是一个迭代过程

7.没有什么比用户的现场反应更重要

十. 测试过程中用户常见问题

1.用户不清楚概念

2.他们找不到自己要找的字眼

可能是因为

1.用来组织内容的分类不符合用户习惯

2.分类符合他们的习惯，但没有用他们期望的名字

3.内容太多了 在页面上不能第一时间找到 ,如果是这样要减少页面整体干扰或者把他们需要看到的内容设置的更加醒目，让他们从科室层次结构中更加突出。

十一. 关于决定修正什么问题

1.用户暂时出现问题，但不需要帮助就能马上回到原来的情况下。包含以下三种情况 1）出现问题的人马上发现自己偏离了原来的主题。2）他们尽量回到原来的地方不需要帮助。 3）这种情况看起来并没有扰乱他们的活动。这种时候我们是不需要去修正这个问题的。

2.抵制添加的冲动

3.不要太看重人们对于新功能的需求

4.抓住够得着的问题进行修改。 几乎毫不费力的问题或者是需要费一点力气，但效果明显的。

十二. 页面降低用户好感的几种方式

1.隐藏用户想要的信息

2.因为没有按照开发者设定的规则而得不到任何结果。

3.向用户询问不必要的信息

4.敷衍用户，欺骗用户

5.给用户下一步操作设置障碍

6.网站或者app看上去很不专业

十三. 提高好感的几种方式

1.知道用户你的网站或者app是做什么的，并让他们明白简易

2.告诉用户用户想知道的问题

3.尽量减少步骤

4.知道用户可能有哪些疑问，并给给予解答

5.给用户提供协助，例如打印友好界面

6.容易从错误中恢复

7.如果不确定，记得道歉

总结：在学习这课程中，我学到的不仅是软件知识，还有很多设计理念，在设计中不仅要熟练软件的操作，还要明白客户群体是谁，根据用户群体去设计，可以换位思考，代入用户的角度去设计所想要的产品。