视觉设计

GUI 本词条由“科普中国”科学百科词条编写与应用工作项目 审核 。 图形用户界面（Graphical User Interface，简称 GUI，又称图形用户接口）是指采用图形方式显示的计算机操作用户界面。 [1] 图形用户界面是一种人与计算机通信的界面显示格式，允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项，以选择命令、调用文件、启动程序或执行其它一些日常任务。与通过键盘输入文本或字符命令来完成例行任务的字符界面相比，图形用户界面有许多优点。图形用户界面由窗口、下拉菜单、对话框及其相应的控制机制构成，在各种新式应用程序中都是标准化的，即相同的操作总是以同样的方式来完成，在图形用户界面，用户看到和操作的都是图形对象，应用的是计算机图形学的技术。 具体工作不同： 1.GUI（用户图形界面）就是界面美工，只管软件视觉界面，比UI窄。目前国内大部分的UI设计师其实做的是GUI。大多出自美术院校。图形用户界面（Graphical User Interface，简称 GUI，又称图形用户接口）是指采用图形方式显示的计算机操作用户界面。 2.UI（用户界面）是广义概念，包含软硬件设计，囊括了GUI 、UE以及ID(交互设计)。 还包含对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面

根据DailyTech的统计，到2015年，移动互联网的用户数量将会超过桌面用户。除了智能手机之外，使用平板电脑甚至是电视机进行上网的用户也在持续增加。在这种形势下，怎样让我们的网站尽量兼容各种类型的设备，并确保优良的用户体验，这将是越来越重要的问题。 通过响应式的设计开发方式，我们可以使网站页面随浏览设备的不同而自行响应，动态的调整布局结构、元素规格样式，将相同的内容以不同的格式呈现给不同设备的用户。 如果你对响应式Web设计还不大了解，可以先参考阅读我们之前的关于 响应式设计的概念、组成要素及基本实现思路 方面的文章，全方位预热一下。 什么情况下适宜采用响应式Web设计的方式 当客户提出产品功能移动化的需求时，有一些解决方案可供我们选择，包括原生客户端应用、Web应用等；究竟怎样的方式更合适，还是取决于具体的需求 情况。另外也要考虑网站本身是否需要实施移动化。虽然响应式站点并不能算是一种纯粹的移动化解决方案，但是，在某些情况下，这种方式是非常值得考虑的。 你心里没谱 设计开发一个全新的移动版本站点或是客户端应用，整个过程是有很大挑战性的。除非产品正式上线，否则你无法真正了解它是否会成功。与其单纯的为了移 动化而花费资源打造移动版本站点或是开发客户端应用，不如先花些心思将原本的网站打造的更具弹性，使其在各种主流移动设备中都拥有尽量优秀的用户体验。 你想节约成本 要打造响应式站点

　　UI设计师要会哪些技术？为什么要学产品原型设计？UI设计师是随着互联网的发展以及用户体验度提升而诞生的新兴职业，和平面设计师相比，UI设计更注重交互设计，所需要掌握的技能更多，从业人员薪资也更高。产品原型设计是UI设计师日常工作的重要组成部分，今天小编就给大家简单介绍一下产品原型设计。 　　UI设计师也叫做用户体验设计师，所做的也不仅仅是对交互稿的“填色”，还包含了设计师对于用户体验的见解。原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。原型的保真程序介于线框图和视觉稿之间，是最终产品的模型，原型能够表达出产品的交互逻辑。 　　那么线框图和视觉稿有什么区别呢?线框图又称低保真设计图，通常用黑白灰线条来表达界面，并在旁边标注说明一些解释性的文字。通常为产品的大纲，页面的信息结构以及交互行为描述。使用Axure RP可以方便快捷的绘制线框图，系统提供了丰富的元件以便我们绘制线框图，当然我们也可以利用纸和笔绘制线框图。线框图的最大的优点在于“快捷高效”，绘制时不要关注一些细节的问题，完成整体结构的绘制，表达出设计思想和产品意图即可。 　　视觉设计稿是高保真原型的静态设计图，将视觉设计稿制作成可交互的原型就是高保真原型。视觉设计稿一般通常由UI设计师完成，视觉设计稿可以帮助团队从视觉审美的角度审视产品，提升产品的颜值 　　为什么要学习产品原型设计? 　

用户体验已经成为了每个互联网人的口头词，特别是互联网产品经理或产品设计师。 的确，对于任何一个互联网产品而言，体验都是非常重要的。 但是具体的用户体验到底指的是哪些方面，界面，UI，还是交互，其中到底是什么因素决定了一个产品体验的好与坏？而这些因素之间具体是什么的逻辑关系？决定体验好与坏的整体框架是什么？这是我一直想弄明白的事情。 前后读了很多与用户体验相关的书籍，其中美国作家加瑞特的《用户体验的要素》给了我很好的解答。不过真的感觉这本书不应该取这个名字，这点体验的确很不好，没弄明白读者到底想知道什么。 首先整个产品设计分为5个大的方面，由低到高，底层根本原因决定上层形态构成。和网站分层也很形象。 1. 战略层：我们为什么要做这个产品？ 2. 范围层：我们要建设什么样的内容？ 3. 结构层：如何呈现给用户？模式、顺序、优先级？ 4. 框架层：哪些功能在哪些页面上完成？这些功能在页面上如何实现？ 5. 表现层：不仅是美化，而是产品功能是否得到很好的展示？ 1.战略层 （内）我们要从这个产品中得到什么？产品目标是什么？ （外）我们的用户要从这个产品中得到什么？产品需求是什么？ 产品目标？也许大部分的产品都会是以用户为出发点的，都是为了满足用户需求，赢得市场利润。 那么用户需求是什么？这个可能就是用户体验最大的挑战，就是比用户自己更准确地去理解他们的需求。 用户需求核心：可用、易用的产品