创意UI Photoshop玩转移动UI设计 第2版(txt+pdf+epub+mobi电子书下载)


发布时间:2021-03-10 21:00:25

点击下载

作者:Art Eyes 设计工作室

出版社:人民邮电出版社

格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT

创意UI Photoshop玩转移动UI设计 第2版

创意UI Photoshop玩转移动UI设计 第2版试读:

前言

软件简介

Adobe Photoshop CS6是Adobe公司旗下最为出名的图像处理软件之一,集图像扫描、编辑修改、动画制作、图像制作、广告创意、图像输入与输出于一体,深受广大平面设计人员和电脑美术爱好者的喜爱。

本书内容导读

本书主要针对移动UI设计中常用的案例由浅入深地进行讲解。内容包括初入移动UI设计的世界、你所不知道的移动UI特性和界面导航设计、Photoshop和移动UI的那些事儿、现在就开始移动手机之旅、超人气平板界面是这样练成的和附录。每章都包含设计师多年来的研究,特别精选了在设计工作中最常遇到的平面设计经典案例,使用通俗易懂的语言将制作过程清晰地向读者展示出来。本书能有效地帮助读者轻松面对移动UI设计工作中的各种不同需求。

本书特点

本书是由资深平面设计师总结其多年来对移动UI设计制作的经验编写而成的,主要讲述了移动UI界面设计的重要功能以及应用方法。在讲解上全面且深入,在内容编排上新颖而突出,移动UI设计和应用的完美结合更是让本书的实用性大大增强。

适合人群

本书在案例制作中运用了Photoshop CS6软件的各种绘图功能、图像效果,适合初、中级平面设计爱好者及设计师参考和自学使用,此外,也非常适合从事平面设计、UI设计等的专业人士学习参考。

本书配套资源

本书提供学习资源下载,扫描 “资源下载”二维码即可获得文件下载方式。内容包括本书所有中小案例及实战的素材文件、效果文件和45段高清视频。作者资源下载资源下载验证码见本书第1章初入移动UI设计的世界

我们在这一章中将会对认识移动UI、移动设备的三大主流平台和设计的基本原则、常用移动界面、移动UI的草图设计流程、移动设备界面色彩搭配、移动设备中各尺寸标准以及移动UI使用的注意要点等移动UI设计的基础知识进行了解,使读者对移动UI设计有一个简单且清晰的了解,为后面我们学习和制作移动UI设计打下良好的基础和铺垫。1.1 认识移动UI

先让我们来认识一下移动UI,其中我们要为大家讲解什么是移动UI设计、移动UI设计的特点,并选择移动UI设计的经典案例给读者欣赏。使读者在字面意义上学习的同时对移动UI设计的图形图像的大致排版有一个基本的认识。1.1.1 什么是移动UI设计

移动UI设计是可移动的操作系统(包括手机和平板电脑等)和其UI设计的的人机交互、操作逻辑、界面美观的整体设计。置身于操作系统中人机交互的窗口,设计界面必须基于操作系统的物理特性和软件的应用特性进行合理的设计。好的移动UI设计不仅能让软件变得有个性有品位,还能让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。手机移动UI界面展示平板移动UI界面展示1.1.2 移动UI设计的特点

移动UI就是将移动通信和UI设计二者结合起来,成为一体。 “小巧轻便”及 “通信便捷”两个特点,决定了移动UI设计与UI设计的不同之处。

高便携性:任何时间,移动UI设计可以伴随在其主人身边。这个特点决定了,使用移动设备上网,可以带来无可比拟的优越性,即沟通与资讯的获取远比传统设备方便。移动平板移动手机

应用轻便:除了长篇大论,休闲沟通外,能够用语音通话的就用语音通话解决。移动设备通信的基本功能代表了移动设备方便、快捷的特点。而延续这一特点及设备制造的特点,移动通信用户不会接受在移动设备上采取复杂的类似PC输入端的操作——用户的手指宁愿用 “指手画脚”式的肢体语言去控制设备,也不愿意在巴掌大小的设备上去输入26个英文字母进行长时间沟通,或者打一篇千字以上的文章。移动手机应用移动平板应用1.1.3 移动UI设计的经典案例

多看前人的设计,获得创作灵感并在别人的基础上创新。最重要的是,借鉴优秀设计师的作品可以减少很多时间,少走很多弯路。

来自美国TNW的设计编辑Harrison Weber 为我们带来了15大优秀的移动UI设计,或许可以激发很多设计师的创作灵感。

1 苹果在应用设计中最喜欢使用的设计,让用户感觉自己和应用之间的互动更加直观自然。这样就会让用户从冷冰冰的科技产品中体验到与应用互动的乐趣以及亲切感。

2 整个界面操作简洁明了,图标信息展示明确,让用户使用起来相当方便。

3 超清晰和引人入胜的移动UI界面,和Web页面完美呼应。

4 Recorder App让你的iPhone在录音时显得更加地专业,清晰的记录显示也能让你更加明确的找到之前的所有录音。

5 整个UI界面内容丰富并且井然有序,对于那些希望沉浸在优美图片当中的用户来说简直堪称完美,一个有序的界面能让用户轻松地使用。

6 整个UI非常有趣,呈现在用户面前的是非常科幻的界面,画面效果也相当震撼。

7 这款应用打破了人们惯有的思维,讲音乐播放按钮以更加简洁的方式呈现出来。使得操作更加明了。

8 虽然这个应用的界面大体来说比较循规蹈矩,但还是可以从中找到一些原创和有趣的元素。

9 只需要一个页面,获悉重要的天气信息,漂亮多样的背景给每天繁忙的工作生活增添了美的享受。

10这是一款非常简单的应用,可以用来测试自己的心跳,血压等。让自己能随时掌握自己的身体状况。

设计欣赏

这些成功的UI设计不仅让应用变得有个性、有品位,还让应用的操作变得舒适、简单、自由,充分体现出应用的的定位和特点。美丽的事物常常会让人无法抗拒,出色的UI设计对于应用的销售与推广,有着举足轻重的作用,应用界面的美观与否,很大程度上关系到应用设计的成败。1.2 移动设备的三大主流平台和设计的基本原则

在前面认识了移动UI设计之后,下面让我们分别从iOS和Android的两大主流系统软件来认识移动设备的主流平台和设计的基本原则。1.2.1 iOS平台和设计的基本原则

对设计师来说,iPhone和iPad是全新的平台。相比图形和网站设计的经验积累,在iPhone和iPad上的设计进化还都处于萌芽期。在这里和大家分享iOS软件平台和设计流程和基本原则,可能对你自己的设计项目有所启发。

下面让我们来看一下iOS平台下的操作物件列表:iOS平台下的手机iOS平台下的平板电脑

下面让我们来看一下iOS平台下的软件列表:iOS平台下的软件列表

小编分享

在iOS平台上要做出好的App应用,首先,要确定你的创意还没有人做过。当有了创意,你还需要有个明确的定位,它会在后续的设计过程中决定App的设计要点。当有了创意,你还需要有个明确的定位,它会在后续的设计过程中决定App的设计要点。

大家知道,苹果App Store的应用审查十分严格,可以说近乎吹毛求疵。如何才能确保自己的应用通过苹果的审查,顺利在App Store上架呢?下面讲解iOS应用设计的十大基本原则。

1 操控便捷:iOS应用的控制设计应该具有圆润的轮廓和程式化的梯度,操作便捷。

2 结构清晰、导航方便:充分利用iOS导航栏。尽量将所有的导航都安排在一个分层格式中,方便显示应用内的当前位置。

3 微妙清晰的用户反馈:使用动画显示用户的操作结果。一个经典的例子是:当用户长按进入 “重新排列模式”时,应用会抖动。

4 确保外观和功能协调:如果是生产力类型的应用,可在背景中加入与之协调的装饰,注重最大限度地发挥功能效益;如果是游戏类应用,则应充分利用全屏,创造身临其境的体验。

5 突出首要任务:不要在屏幕上添加任何冗余的东西,尽量做到简洁,突出首要功能。如苹果的便签应用只允许输入新的便签内容,电子邮件应用只允许读写邮件等。

6 提供一种逻辑路径:提供后退按钮和其他标记,方便用户了解在应用中的当前位置,清楚每一个屏幕的功能。最好能确保每个屏幕都只有一条特定路径,这样就能做到尽可能简洁,让用户产生熟悉的感觉。

7 使用基本术语:避免复杂生僻的术语,采用用户易于理解的交流方式。

试读结束[说明:试读内容隐藏了图片]

下载完整电子书


相关推荐

最新文章


© 2020 txtepub下载