室内设计培训
平面设计培训
部落窝教育
网站首页 >> 设计在线 >> UI设计 >> 文章内容

牛mo王UI系列教程1:UI基础知识教程

[日期:2016-03-18]   来源:UI中国  作者:牛mo王   阅读:213[字体: ]
内容提要:这是一篇UI基础知识教程,向UI新人介绍了什么是UI、UI与LOGO设计、绘画等的区别。通过本篇教程,读者可以初步理解UI是什么、做什么,与其他设计艺术的区别。

编按:

  牛mo王是UI设计中的一名大神。他最初是做平面设计,然后转做网页设计,现在做UI设计,因此对初学者面对UI设计的困惑和疑难非常了解。为了帮助UI设计新人,他编写了系列教程9篇。本篇是第1篇UI基础知识教程,主要向UI新人介绍了什么是UI、UI与LOGO设计、绘画等的区别。通过本篇教程,读者可以初步理解UI是什么、做什么,与其他设计艺术的区别。
 
  发展至今,UI这个词儿从流行到现在(流行至今)大家已经耳熟能详了。可是,还是有很人多分不清这些概念而(容易)混淆。UI的全称是User Interface,即是用户界面。从通俗易懂的角度来说,UI是视觉上的东西,包括图标、APP界面、软件、网页按钮、网页导航等等,凡是我们肉眼看得到的通过设计师的设计与绘图得到的视觉产物,即是UI。
ui基础教程
 
  导航、按钮、进度条、开关等等,属于最基本的UI范围内(UI范围内最基本的),也是我们日常生活中最常见的UI。从互联网的网页导航,到互联网产品下载的按钮,以及手机上WiFi开关,这些UI设计一直伴随着人们的日常生活不曾离开。
 ui基础知识
  APP的图标、手机端使用的钟表界面等,都是通过设计师的思考、创意、绘制转位视觉产出物呈现给用户们。
UI基础知识教程
 
  当然,我们时下最流行的——手机ROM,每套ROM都是一套与众不同的设计,从图标到界面,到Widget(时间、天气一类的小工具),数百个细小的UI组成的一套完整的设计,都是离不开UI这个词儿的。当然,这些仅仅是视觉上的,没有达到交互、体验这一层次。
 
什么是UE/UXWhat is the UserExperience
 
  其实只要对用户体验感兴趣的,不需要我太多说明,大家通过互联网或者书籍中都已经知道,UE和UX是一个事情,都是UserExperience的缩写。只不过UE是中国的普遍叫法,截取了两个单词的首字母;而UX是国外的叫法,国外习惯吧ex缩写成X,尤其在谷歌、微软等知名公司启用这个缩写以后而被定性。所以大家不要纠结于到底是UE还是UX,我们都懂得。
 
  说到用户体验,就是非常高深的学问了。它不仅仅是视觉上的东西,从看到开始,到用手触碰,再到大脑的思考,最后是心理的感受等等,这一系列的程式才是用户体验。用户体验包含了五官的接触,到思维的逻辑,到使用的心理,这些条件都是缺一不可的。
牛mo王UI教程
 
  举个例子,我们到一个火锅店就餐,从店外看到火锅店的规模建筑、牌匾大小等,就已经产生了心理上的波动,直接传达给大脑思考,这家店看起来是否正规,场面是否气派,情人吃饭是否够面子,其次传达到心理感受,觉得心情愉悦还是不快。仅仅从第一眼的视觉上就已经给我们产生了非常多的连锁思维。
 
  进入店面后,排队的人非常多,时间特别长,那么这个时候是否有人接待我们?我们是否有舒服悠闲的等待方式?可以接受店内提供的什么方式来消除自己等待的焦虑?我们一生总会发生这样的情况:兴高采烈的进入一家店,由于人多导致排队等候,又无人理睬,几次和服务人员沟通无果,最后气氛的离开换下一家。很多饭店在这一步的用户体验上就败了,导致了用户(顾客)的流失,而你也别想再从这位用户身上获得口头广告和再来一次的优势了。
 
  就坐后,是否有服务人员快速的接待为你点餐?点餐后是否上菜速度够快让你满足?是否有多样的调料满足你的个性化定制?你在用餐时呼叫服务员是否得到快速的反馈?就餐过程中是否有一些小乐趣或小节目让你难以忘记?不要小看这一系列的小细节,尤其是用户的反馈,这是极为重要的。设想你呼叫服务员,一次,两次,三次……一直都没人理睬你,你还会用安静、平和的口气呼叫服务员吗?不要傻了,你又不是复读机。
 
  当就餐结束后,如果你对整个过程都非常满意,那么相信以后你会经常光顾,甚至推荐给朋友,并为其免费做宣传。当你再和朋友聚会时,你第一时间想到的就是这家火锅店,因为在你心中就已经产生了良好的用户体验。
 
  感受到了吗?用户体验就在我们生活中,在人机交互的时代,更多产品更加注重了用户体验的分量。在这其中,UI是必不可少的一部分,很多产品觉得我有强大的后台和交互就足够了,表面的UI只是花衣裳,华而不实。其实这是错误的,设想我们刚才说的火锅店,当你第一眼看到这家店,牌匾歪歪扭扭,周围堆放着垃圾,大门前甚至有猫狗在行方便,你还会兴高采烈的主动走进去吗?如果你能接受,好吧恭喜你,重口味朋友。
 
 
UI不是LOGOUser Experience is not logo
 
  有没有遇到过这样的情况?
 
  你是一名平面设计师,做APP的公司对你说:“做一个UI”
 
  你是一名UI设计师,做广告的公司对你说:“做一个logo”
 
  当然,这种情况一般会出现在大企业、大互联网公司或者一些不太专业的小公司,老板和伟大的PM们会给你提各种各样的需求,很多时候他们可能不懂甚至完全无法区分这些有什么不一样。不仅如此,很多步入社会的毕业生们也不了解UI和Logo的本质区别。
UI和Logo的本质区别
 
 
  苹果logo的黄金分割比,已经被盛行很久了。这才是一个标准的品牌logo,它是经过严格的思考和设计,包含强烈的品牌寓意和未来的延展性。它需要考虑适配任何颜色、环境、使用场景等等一系列的问题。一个logo的诞生,可能需要一个星期甚至一个月的时间。
牛mo王UI系列教程1:UI基础知识教程
 
  以上这些,可以归为UI。使用绘图工具绘制出一颗青苹果,是增加了趣味性,可以再网页或者海报广告上使用,但是不能作为一个企业的品牌logo而延续。它属于一种提升品牌趣味性的设计,随意的、好玩的、特定场景的。玻璃质感和金属质感,都是在特定环境下对logo的趣味性提升,属于品牌的延展,我们能看到它有高光、阴影甚至反光等存在,这些不能都概论为logo。有的企业相对喜欢这种有质感的“logo”,甚至注册。当时也是可以的,但是在使用上一定有非常多的限制和环境限制,而且在做VI(视觉识别系统)规范时,一定有很多约束和不便,而且它必然会存在平面状态下的使用规范。
 
 
  原文:不要再傻傻分不清楚
  作者:牛mo王
  出处:www.ui.cn/detail/15718.html(UI中国)
 
IT部落窝PS,CDR,213班 分享到: QQ空间 新浪微博 腾讯微博 人人网
photoshop教程
Photoshop教程
平面设计教程
Photoshop教程