什么是UI和UX设计 (什么是ui和ue设计)

本文目录导航：

• 什么是UI和UX设计
• 如何判别一个网站的seo提升状况 第一明晰的网站定位
• 用户体验要素：何为范围层，何为结构层

什么是UI和UX设计

UI 设计师

UI，指的是用户界面，也就是人与机器互动的界面。

同时又有GUI和WUI之分，不过普通的话统称是UI设计师。

在PC端从事网页设计，咱们称说WUI设计师或许网页设计师。

在移动端，从事移动设计的称说为GUI设计师。

而UI可以了解为UX的一个分支，不同于UX 设计师要求关注产品的全体觉得，UI 设计师更关注产品以怎样的界面出现。

其实互联网畛域中，UI 和 UX 设计师的界限相当含糊，在很多守业公司，这两个设计角色是合二为一的。

这个就是为什么很多中小型的公司为什么要求UI设计会交互，或许交互又要懂UI的要素。

国际而言，目前普通把屏幕上显示的图形用户界面（GUI ：Graphic User Interface）都便捷称为UI。

咱们经常听到的UI设计师，其实指的是GUI设计师，也就是图形界面视觉设计师，担任产品或网站的图形、图标、色调、视觉格调等，选择营建出什么样的视觉体验。

从视觉层面把控产品界面设计，确保UI稿在视觉上明晰的传播UX设计师的交互设计稿，也就是高保真视觉稿。

举个栗子，在设计一个数据剖析界面时， UI 设计师可以选择经常使用滑块还是控制旋钮，经过这样的控件来论述图表带来的直观感触。

此外 UI 设计师还担任制订视觉设计规范，确保产品设计的分歧性；在规范中，明白一些UI 控件/组件的经常使用行为，比如确认误或敞开揭示。

相熟不同分辨率的多端产品，诸如桌面端，Web 端和手机设施；能够实现高品质的视觉设计稿--从概念设计确定设计格调到详细设计。

设计内容包含图标、图形界面等；口头一致的设计言语，撰写并完善网站的设计规范，为产品注入美和生存气息。

” 这或许就是UI设计师日常事项啦。

设计产出物 ：视觉设计稿，视觉设计标注规范 ，视觉设计规范文档，视觉切图

用的比拟多的工具：Photoshop，Sketch，Illustrator，Fireworks，markman（视觉标注软件），cutterman。

2. UE 设计师

UX ，英文为 User Experience ,指的是用户体验。

普通而言，国际 UX 设计师，也称为交互设计师或 UE 设计师（而国外的 UX 设计师指的是用户体验设计师，交互设计师指的是动效设计师）。

UX 设计师关键关注用户对产品的体验感触，确保产品逻辑的流程可以跑得通，甚至跑得顺、跑得精彩。

正如一千团体眼里有一千个哈姆雷特，一个设计疑问往往也没有惟一解。

UX 设计师会深化场景，探求多种不同的处置打算，这种深化思索理论能发生翻新打算。

UX 设计师们经过头脑风暴、角色表演、故事版等设计方法探求设计时机点，向着发明出“最好的”用户体验指标而行进，典型案例就是为新用户设计一套令人愉悦的登录流程。

总的来讲，UX设计师是设计人与消息产品的流程和相关，归根结底都要钻研人、事、物的咨询，它是一个囊括计算机工程、心思学、设计的交叉学科。

启动利益相关者访谈、用户访谈，开掘用户需求，提炼用户义务流；齐全体验不同产品，开掘交互设计形式，设计交互形式，撰写交互设计稿，并最终构成交互设计规范/UIspec；跟进视觉设计和开发，确保产品反常上线” 这或许就是UX设计师日常事项。

设计产出物：流程图，网站地图，故事版，交互设计原型图（线框图），UIspec ，交互设计规范。

用的比拟多的工具：axure，Visio，Sketch，Illustrator，Fireworks，InVision，PPT，Keynote，Photoshop。

如何判别一个网站的seo提升状况 第一明晰的网站定位

第一网站的页面规参差个系统的做过SEO的网站，页面规划必需算是比拟正当的。

特意是在首页咱们就很容易判别进去，之前在没有接触SEO理念的时刻，看到过很多网站首 页就是一个flash动画，而后由动画上方的链接再进支到网站的各个频道。

假设略有了解的好友都知道，搜查引擎是没方法抓取flash的内容的。

咱们可以 从首页整个页面上方有没驳回一种降级机制，才促成网站的收录与降级，普理论见的就是调用网站外部的降级的栏目。

第二就是检查网站的收录状况咱们了解过SEO的好友都知道，网站收录与排名是有必定相关的。

咱们做SEO都会先经过网站的内容还给网站做外部链接，也可以这样了解，假设咱们网站收录越多，也就等咱们网站内容越多，当然这些内容给网站奉献的内链也就越多。

同时从收录也可以反响出网站权重是什么样子。

第三经过检查外链的状况这里还是介绍大家用雅虎去查问外链，由于雅虎可以把查问到的外链结果按权重来启动必定的排序，咱们能很清楚的看出一网站的外链起源状况。

能过外链的数量咱们就看出网站，的做外链的形式，或能否用过某些群发等手腕。

往往手工去做的外链，必需品质相对来说会高一些，而且基本外链的的宽泛性与相关性都要做得好一些。

第四检查关键词的排名状况剖析一个网站的SEO状况，那最间接的方法就是去看网站的关键词排名状况。

关键词排名观察时刻，咱们不应该经过一二天的反响状况来确定哪个网站做SEO的好与坏，咱们还要留意看哪些网站、哪些关键词排名是比拟稳固的。

第五从网站外部去剖析SEO的状况1、网站每个页面的三个标签的写法（关键看写法能否规范，而且页面有没有设置一些比拟显著的关键词） 2、关键词密度（普通做过SEO的网站首页的关键词密度适当都会坚持在2%以上，其实红涛不倡导去少量用密度来操作排名，只需咱们能人造出现关键词，就算是密度高也不必定是坏事。

）3、关键词散布 （可以看网站是不是只要首面规划了关键词，可以看看网站的栏目页或文章内页有没有适当的规参差些相关关键词或长尾关键词） 4、网站有没有做好导航栏提升（在这里我会提到三个名词（主导航提升、位置导航也就是面包屑导航、次导航的写法）5、URL的写法与URL规范化 （关于这个URL规范化我博客有二篇文章：如何从SEO的角度去设计网站的URL？与如何做好URL规范化？）6、有没制造网站地图 （网站地图也是对SEO有比拟大的协助，假设一个提升做得不错的网站必需会有一个正当的网站地图设计）

用户体验要素：何为范围层，何为结构层

带着“咱们想要什么”、“咱们的用户想要什么”的明白意识，咱们能力弄清楚如何去满足这些策略的指标。

当你把用户需求和产品指标转变成产品应该提供应用户什么样的内容和配置时，策略就变成了范围。

咱们做一些事件，是由于这个环节有价值，或许做出的产品有价值。

而定义名目范围是同时在做这两个事，这是一个有价值的环节，同时能发生有价值的产品。

环节（process）的价值在于，当整个事件还处在假定阶段的时刻，它能迫使你去思索潜在的抵触和产品中一些粗略的点。

咱们能确定如今能处置哪些事件，而哪些必要求再迟一点能力处置。

这个就像是需求优先级的排序。

产品（product）的价值在于，被定义的这个产品给了整个团队一个参考点，明白了这个名目中要实现的的所有上班，它也提供了一门用于探讨这件事件的独特的言语。

定义好你的要求能保障在设计环节中不会出现模棱两可的状况。

这个就像是排完序的需求的详细形容。

同时呢，在定义环节和产品需求的时刻，必无法少的是上班流程、日程布置和里程碑，没有这几项，到了实践做的时刻，名目就无法控了。

范围层的定义关键性实践上体如今了两个层面，一个是“知道咱们要做什么”，另个一个是“知道咱们不做什么。

”假设咱们不能确定这两项，会堕入书里提到的可怕的“范围蠕变”scope creep的状况，这个状况在咱们实践上班中，表现进去就是需求始终变，产品不靠谱，名目无法控。

在软件开发中，范围层确定的是所有的配置需求或配置规格。

书外面用“配置规格说明书”来刻画这个文档，实践上，在咱们产品上班中，这个就是需求文档。

第一步，就是先定义好需求。

需求起源总是来自于用户，因此，有一个好的方法就是用户故事。

一个场景下一个便捷的故事，形容咱们的用户是如何实现这些这些用户需求的。

书里提到，在写说明书的时刻，最好用失望、详细、和防止客观语气的话语。

比如这个系统不准许用户购置没有线的风筝，这句话，就没有另外一句好。

假设用户想买一个没有线的风筝，这个系统应该疏导用户到风筝线页面。

再比如，最受欢迎的视频要重点标注。

实践上，最受欢迎没法定义，点赞最高，还是播放最多。

这些都是些说明书要留意到的点。

而关于内容需求来说，谁来降级，谁来保养，频率如何，这些更是要定义的明晰一些。

网站就靠内容活了。

定义明晰之后，就是优先级排序了。

这时刻其实可以从技术角度、期间角度、配置之间的咨询，用户满意度等方面去思索如何排序。

当咱们把这些做完之后，就到了下一步。

在定义好用户需求并陈列好优先级别之后，咱们关于最终产品将会包含什么个性曾经有了清楚的图像。

但是，这些需求并没有说明如何将这些扩散的片段组成一个全体。

这就是范围层的上方一层：为网站创立一个概念结构。

在软件开发行业，触及“为用户设计结构化体验”的方法被称为交互设计（interaction design）。

它曾经被归类在“界面设计”的范围之内，但近些年来交互设计曾经成为了一个独立的学科。

在内容树立方面，关键是经过消息架构（information architecture）来构建用户体验。

这个畛域触及多个学科，包含向来都要思索的组织治理、分类、顺序陈列，以及与内容出现无关的：图书治理、资讯学，和技术通讯等其余学科。

交互设计和消息架构都强调一个重点：确定各个将要出现给用户的元素的“形式（patterns）”和“顺序（sequences）”。

交互设计关注于将影响用户口头和实现义务的元素。

消息架构则关注如何将消息表白给用户的元素。

一个好的交互设计，就是关于用户而言，他用的好，用的爽。

而做一个用户用得好，用的爽的方法称之为：概念模型。

举个例子来讲，“购物车”在电商网站外面，它就是一个概念模型。

这个概念模型同时影响了它的视觉设计和在界面上经常使用的言语。

它是一个装物品的容器；作为一个容器，咱们“放进物品”到“推车”中，以及从外面“拿出物品”来，系统必需提供能实现这些义务的配置。

但在任何一个交互设计，其中很大的局部都会触及到假设用户出错了，怎样办？有两个方法，第一个是，将系统设计成无法能犯错的那种，就是用户犯了错的话，系统基本不运转。

第二个是使失误难以出现，假设出现了，系统协助用户找出失误并矫正。

比如Word的失误揭示和修正配置。

而一个好的消息架构，就是让用户高效率、有效地阅读网站的内容。

到达这样一个目的，在消息架构设计的环节中，就是要处置好，消息架构基本单位——节点node的组合。

节点可以对应恣意的消息片段或组合—它可以小到是一个数字（比如产品的多少钱），或都大到是整个图书馆。

普通有以下几种形式，层级结构，又叫做树状结构或核心辐射结构。

矩阵结构，人造结构以及线性结构，比如教材资料就是线性结构的，而树状结构，就是长的像树那样子的。

最后，当依照上方所述方法，做完交互设计或许消息架构后，也要构成一个文档，就是范围层的文档，在互联网早期，这个文档被称为“网站地图”，比如这两张图：而在咱们如今的产品上班中，这个文档，分红了两局部，上方那局部，咱们如今称之为产品架构图或许配置框架，上方的这一局部是业务流程图。

ps:结构图，或许框架图，我经过查资料，收集各种人的解释之后，我的发现就是：结构图，普通PPT做的，做汇报展现用。

框架图，普通是思想导图做的，放在需求文档里的。

这俩张图，实质形容的是一个事件，都是产品具有哪些配置点。