当前位置:
首页 > 计算机 > 图形图像/多媒体 > 从零开始学UI设计:思路与技法pdf/doc/txt格式电子书下载

从零开始学UI设计:思路与技法pdf/doc/txt格式电子书下载

本站仅展示书籍部分内容

如有任何咨询

请加微信10090337咨询

从零开始学UI设计:思路与技法pdf/doc/txt格式电子书下载

书名:从零开始学UI设计:思路与技法pdf/doc/txt格式电子书下载

推荐语:UI设计技法一本就够。UI设计规范及应用。UI设计方法和思路。

作者:沈学渊,陈仕

出版社:化学工业出版社

出版时间:2020-06-01

书籍编号:30617998

ISBN:9787122355942

正文语种:中文

字数:206317

版次:

所属分类:计算机-图形图像/多媒体

全书内容:

从零开始学UI设计:思路与技法pdf/doc/txt格式电子书下载




书名:从零开始学UI设计:思路与技法


作者:沈学渊,陈仕编著


CIP号:第252394号


ISBN:978-7-122-35594-2


责任编辑:王烨


出版发行:化学工业出版社(北京市东城区青年湖南街13号 100011)



购书咨询:010-64518888


售后服务:010-64518899


网址:http://www.cip.com.cn



版权所有 违者必究

前言


近年来,从事UI设计的人越来越多,企业对UI设计的要求越来越高,UI设计师的薪资也水涨船高。这背后的原因,是近年来智能移动设备越来越流行和普及。


对于设计专业的同学来说,转行从事UI设计或许还算容易,他们可以利用自己所学的设计知识迅速建立起UI知识体系并摸索出一套适合自己的学习系统。但是对于非设计专业的同学来说就非常困难了,面对UI设计几乎无从下手。虽说设计的原理是相通的,但是设计方向的变化还是很大,应该怎样去学习UI,成了设计老手和新手都需要去面对的话题和难题。


在从事设计教学工作一段时间后,通过和同行及学生的交流,发现很多人对UI设计一知半解,甚至不知道UI设计所包含的庞大知识体系。更有甚者以为只要会PS和AI就能做UI,从事UI设计就能高薪,这都是很不现实的。


其实UI设计在很多人看来是个新兴的职位,但是却忽略了这个职位背后应该具备的职业素养和技能沉淀。因为我们从事设计教学工作,希望可以帮助更多的人学好UI,所以编写了这本适合新手了解UI设计的书籍,内容包括从最基础的设计规范,到制作出一个完整的产品,还包括了交互动画和插画的制作,这些在本书中都有详细的介绍和案例分析,让读者更好地了解做出一个可以正式上线的项目产品需要付出的艰辛和努力。


书中大部分内容都是我们对UI设计经验的总结和回顾,在这个整理和归纳的过程中我们也重新审视了自己对UI知识的不足和误区,也让我们更进一步地从另一个角度去看待UI。


本书由沈学渊、陈仕编著。韩春雨、郑启敏、王雯琦、金今、高婕靖、瞿庄龄、巩维龙、王玲俐、王怡、郑然、王晶晶、王晟、陈建武、何亚微、王启颖为本书的编写提供了很多帮助,在此一并表示感谢!


由于编者水平有限,时间仓促,书中不妥之处在所难免,请广大读者批评指正。


编著者

第1章 UI介绍


1.1 什么是UI


UI的全称为User Interface,中文翻译为用户界面,UI设计师顾名思义就是指对软件的人机交互、操作逻辑、界面美观进行整体设计的人。


说到UI,这里要先了解一下UED,UED是一个团队,它包括:交互设计师(Interaction Designer)、视觉设计师(Vision Designer)、用户体验设计师(User Experience Designer)、用户界面设计师(User Interface Designer)和前端开发工程师(Web Developer)等。


而本书所讲的UI都是围绕用户界面设计师的工作来展开的,这是本书所针对的人群和行业领域。

从零开始学UI设计:思路与技法pdf/doc/txt格式电子书下载

图1-1 手机演变

当下主流的UI包括了网页UI和手机App客户端UI,当然还包括了电视UI、汽车导航UI、智能家居UI等。本书所讲述的UI,主要针对手机客户端UI设计(网页UI为辅)。说到手机,从最早的“大哥大”,到一代“诺基亚王朝”,再到现在的“苹果王国”,见图1-1,从最基本的通话功能到现在的各式各样的App软件,如果是在20世纪90年代的时候,你们会想到手机的变化会这么大吗?估计连制造出全世界第一台手机的创始人也想不到吧。


大多数“80后”人生第一台手机也许就是诺基亚了,手机里面唯一好玩的游戏就是贪吃蛇,虽然是最不起眼的“黑白机”,但是确实用了很多年,质量也非常好。到了20世纪90年代,摩托罗拉彩屏的手机相继发布,越来越多的功能开始涌现出来。再后来iPhone的出现,开启了智能手机的时代,从此UI的设计和交互理念开始走入各个设计行业。


再看2017年发布的iPhone X,有以下几个特点:取消了home键,采用了全面屏设计,屏幕尺寸达到了5.8in,设计尺寸大小2436×1125px,分辨率458ppi,比iPhone 7 Plus整整多了50ppi,但是没有超出,让UI设计师大松一口气,没有@4x图需要切了,只需要做@3x就够了。


2018年发布的iPhone Xs和iPhone Xs Max,特别是Xs Max更是达到6.5in的屏幕大小,如图1-2所示,进一步地给UI设计带来了一定的适配难度。所以作为UI设计师还需要时时关注跟自身行业有关的一切互联网资讯。

从零开始学UI设计:思路与技法pdf/doc/txt格式电子书下载

图1-2 得益于全面屏,Max的整体大小和Plus差不多大

所以在做UI设计的时候,以手机App为例,怎么样才能让用户更好地在碎片时间里使用我们的App,并且对我们的App产生兴趣,使其产生一定的用户黏度(用户的依赖性),才是我们需要研究和不断深化的UI设计的主旨,如图1-3所示。

从零开始学UI设计:思路与技法pdf/doc/txt格式电子书下载

图1-3 UI设计的主旨

1.2 UI设计师就业前景


2017年,新的政府工作报告中提出“互联网+”的观念,即通过互联网技术增进传统实体经济的发展,传统行业正在面临互联网企业的巨大冲击,如:金融行业面临“支付宝”“微信”等线上支付的挑战;零售业面临“天猫”“淘宝”购物习惯的颠覆;交通业遭遇“滴滴”“优步”的对抗,等等。由此可见,传统企业实现线下转线上的转型是势在必行的!这给互联网人才创造了新的巨大的就业机会。


2018年“物联网”新时代即将到来,新兴的智能产品层出不穷,如:智能手表、智能汽车、智能家居等,这些都是尚待开发的新兴领域。对用户体验和UI设计的人才有具体的就业缺口,这也为UI设计的就业带来前所未有的机遇。由此可见,UI设计的社会需求不仅不会短期内饱和,还会持续性放大。


企业缺人才,但是现在企业招聘会更加理性,要求更全面,已经过了会画图标界面就能做视觉设计师的时代了。


自2014年开始,培训机构大批量产出UI设计师,由于行业处于发展的初期,刚入行的UI设计师多数从事视觉设计,基本很少接触过交互设计。所以在择业之前一定要对自己的专业技能及擅长领域进行全面分析,要有针对性地进行提升。


除了要对自己的技能或个人能力进行加强外,作为UI设计师,对未来的设计趋势的了解也决定了你的高度与发展可能。


UI设计行业最好的地方就是更新快、机会多,最不好的地方也是更新太快,说不定你擅长的设计风格或者工具明天就被淘汰了,保持学习能力,才能在这个行业走得更远更高。


UI设计师的就业前景非常好,UI设计工作的年薪在15万左右,经验丰富者可以达到25万,甚至更高。目前,国内的知名互联网公司,如阿里、百度、腾讯等,都已经设立了专门的UI设计部门,众多企业不惜重金聘请专业UI设计师。


一个合格的UI设计师要做到以下几点。


① 沟通表达。作为设计师需要和人沟通,如与产品经理、开发人员、设计师之间沟通。项目需要一个团队共同努力完成,如果你不善于沟通就要强迫自己去锻炼。


② 逻辑思维。UI设计包括了软件操作逻辑的设计,对逻辑思维也是有一定要求的。自己尝试用思维导图工具做一个App的脑图进行逻辑方面的练习。


③ 专业技能。图标界面绘制、色彩搭配、平面布局、手绘、设计规范、网页设计、用户体验设计、交互软件使用。


④ 综合能力。运营能力、策划能力、诠释能力。


另外,一定要记住,学习是一种习惯,是保证你在UI设计这条路上不断进步的源泉!


① 整理自己的素材文件,按照分类建好文件夹。


② 学会分析案例,多阅读行业专家的分析文章,建议可以去看看有关产品经理、UI设计的网站。


③ 注重交互设计,深入了解需求。


④ 不断积累,提高审美能力。坚持每天抽出时间浏览设计网站,多看好的作品。

1.3 UI设计的思路/遵循原则


我们在设计产品的时候要遵循以下原则。


① UI界面应该是基于用户的心理需求,而不是基于产品的实现需求;


② 引导用户使用的习惯,操作尽量符合用户惯性;


③ 减少用户需要思考的时间,能做到无脑操作是最高的境界;


④ 让用户在等待的时间里,有事可做。


做一个网站也好、手机App也好,我们要将用户想象成“懒癌症晚期患者”:


通过设计产品去影响用户的主观体验(进而影响用户的决策而达到商业目的);需要代入用户的角度,才能把UI设计做到用户体验至上;不要让用户在使用的过程中,觉得自己是个“笨蛋”,那对于你的设计将会是灾难性的。


多让你的用户去体验探索的乐趣,而不是强制性地硬塞给用户你的东西。做UI设计需要时时刻刻在用户的心理上进行摸索,把握用户的深层需求,激发用户的自主意识和体验感,才是一名好的UI设计师需要做的事情。


用户体验分为以下几个层级。


① 最基本的就是在底层的交互环节,俗称可用性,也可以说是易用性,我们平时说得最多的就是要把可用性做好,这个当然不是很难,业界都有成熟的一套方法,不需要太高的天赋,两个字——“用心”即可。


② 进一步的就是情感,如诺曼所说的情感化设计,要让用户感到愉悦、惊喜、被感动,这点比较难,需要有一定的天赋,关键是四个字——“心有灵犀”,如果你能和用户“心有灵犀”,当然也能触动他/她的情感。


③ 这个层次是理想化状态了,就是所谓的“人机合一”,在用户使用产品的时候,已经不仅仅是单纯的使用,他把产品认为是自己的一个感情投射的地方,通过使用产品,用户能找到自己的兴趣点、归属感和自己的价值。如果你想要做到这一层次,首先要搞清楚用户最渴求的是什么,那不单单是普通的需要,而是心底深处最渴望的。


除了用户体验,做UI设计界面的时候,我们还要遵循以下几个最基本的设计原则。


界面清晰度 清晰度是界面设计的第一步,也是最重要的工作。要想你设计的界面有效并被人喜欢,首先必须让用户能够识别出它,让用户知道为什么会使用它。比如当用户使用时,能够预料到发生什么,并成功地与它交互。如图1-4所示为两张图片的清晰度对比。

从零开始学UI设计:思路与技法pdf/doc/txt格式电子书下载

图1-4 两张图片的清晰度对比

提高用户关注 我们平时在阅读的时候,总是会有许多事物分散注意力,使得我们很难集中注意力安静地阅读。因此,在进行界面设计的时候,能够吸引并保持住用户的注意力是很重要的,所以千万不要将你的应用周围设计得乱七八糟,一定要保持界面整洁,这才是能够吸引人们注意力的关键。如果一定要显示广告,那么请在用户阅读完毕之后再显示。尊重用户的注意力,让用户愉悦,同时广告效果也会更佳。因此要想设计好的界面,提高用户的注意力是首要条件。


让界面处在用户的掌控之中 人类对周围的事物有很强的掌控欲。不考虑用户感受的软件往往会让这种舒适感消失,迫使用户不得不另辟蹊径,这会让用户很不舒服。保证界面处于用户的掌控之中,让用户自己决定怎么使用,稍加引导,你的产品会达到预期的目标。


一次性操作 用户在直接操作某个产品时,感觉是最好的,不过这并不太容易实现。因为在界面设计时,增加的图标往往并不是必需的,比如过多地使用按钮、图形、选项等。因此在进行界面设计时,我们需要尽可能多地了解一些人类习惯性的手势。理想情况下,界面设计要简洁,让用户有直接操作的欲望。如图1-5所示。

从零开始学UI设计:思路与技法pdf/doc/txt格式电子书下载

图1-5 常用手势的UI设计

界面都需要主题 我们设计的每一个画面都应该有单一的主题,这样不仅能够让用户使用到它真正的价值,也更容易上手,使用起来也更方便,在必要的时候更容易进行修改。如果一个屏幕支持两个或两个以上的主题,立马会让整个界面看起来混乱不堪。正如文章应该有一个单一的主题以及强有力的论点,界面设计也应该如此,这也是界面存在的理由。


界面逻辑要顺畅 界面的交互都是环环相扣的,设计时,要深思熟虑地考虑到交互的下一步。考虑到下一步的交互是怎样的,并且通过设计将其实现。当用户已经完成该做的步骤后,不要让用户茫然,给用户继续操作下去的方法,以达成目标。


界面设计和功能符合 人类总是对符合期望的行为感到舒适。当界面的行为始终符合用户的期望,人们就会感到与之关系良好,这也是UI设计应该做到的。这意味着用户只要看一眼就可以知道接下来应该怎么样做,如图1-6所示,如果它看上去是个按钮,那么它就应该具备按钮的功能。

从零开始学UI设计:思路与技法pdf/doc/txt格式电子书下载

图1-6 按钮的UI设计

⑧ 统一性 如果界面各个元素的功能不同,那么它们的外观也要有所区别。当然,如果功能相同或相近,那么它们的外观看起来就应该是一致的。为了保持一致性,初级设计师往往对应该加以区分的元素

....

本站仅展示书籍部分内容

如有任何咨询

请加微信10090337咨询

本站仅展示书籍部分内容
如有任何咨询

请加微信10090337咨询

再显示