恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
《移动应用设计必修课》书籍设计背后的故事
0.0°
2016-04-11 原创文章 经验/观点 举报 7790 39 72 13

《移动应用设计必修课》上市收到了很多读者的欢迎,写书过程得到了很多朋友的帮忙,现在我终于可以有时间把背后的故事整理出来,感谢大家!


Image title

为什么要写这本书

2007年,iPhone初代手机发布上市,UI设计行业受到前所未有的关注。国内iconfans(现更名UI中国)开始大规模运营,大量的创作灵感和参考资料被引入国内,UI设计的学习和分享氛围日渐浓厚,并涌现出一大批优秀的UI设计师。2007年可谓UI设计界的里程碑年,这一时期,国内的UI设计发展进入快车道,蓬勃,有生机。

Image title

UI设计的发展也是顺历史大浪而前。目前世界上最大的三大经济体为美、欧、中,回溯历史我们会发现,欧洲最早抓住了工业革命的机会,淘汰了落后的农耕生产方式,从而走向进步和大发展;美国之所以强大,正是因为它在工业革命和互联网革命中都抓住机会,站稳了脚跟;而现在的中国正在经历一次巨大的互联网革命,难以数计的创业者都时刻准备着,他们怀揣激情,想有所做为,甚至翻覆这个世界。

我们可以真切感受到,在这股创业热潮中,有这么一些人,成为移动互联网时代最被需要的人群,他们就是UI设计师。数字说话,薪水反映市场。通过站酷网的调查显示,目前国内的GUI、平面、网页、插画、三维等设计职位中,GUI设计师的待遇是最高的,就业前景也非常广阔。

我想,UI设计师是被这个时代所需要,所以才成为市场的宠儿,他们肩负着创新和务实两大职责,推动时代向前发展。

Image title

早些年,阿里巴巴的发展引领了一股电商潮流,随之大量的互联网电商平台跟风兴起,使得诸多设计人才涌入Web设计领域。而近几年,移动互联网行业发展的如火如荼,大量设计师又纷纷转战移动设计领域。

很多转型期的平面或者网页设计师,以及初入设计领域的新人,他们经常会跟我说,想要学习UI设计,却苦于没有一本详细的介绍移动设计的书籍。目前市面上的书籍良莠不齐,要么过于浅显,只罗列了基本图标界面设计方法,要么过于理论化,无法在实际工作中运用。

于是我萌生出写书的想法,撰写一本实用性更强的专业书籍,给初中级UI设计师以理论和实践,授之以渔。但,生活总是被忙碌占据,我的写书计划也一次次延迟。

写书的过程

偶然的机会,我结识了人民邮电出版社的总编孟飞。

孟飞告诉我,现在的图书市场,web、三维的设计书籍已趋于饱和,而移动互联网设计书籍尚有很大缺口。目前,很多移动互联网设计书籍由工作室完成,不够系统和完整,也缺乏落地的实际案例的支撑,因此,他非常支持我撰写移动设计专业书籍。如孟飞所言,这既是大家需要的,也是我对自己多年的设计知识体系的全面思辨总结。

感谢孟飞,笃定我的信念。

我花了大约半年的时间撰写书稿。过程当然是艰辛的,当家人已熟睡,我依然眉头紧蹙,轻敲键盘。凌晨三点钟,看着成型的结构和文字,想象能将经验分享给更多的UI设计师,满心欢喜,睡意终于来袭。

Image title

出书不易,插曲难忘。

搜集资料的过程很繁杂,好不容易找到的文章配图却多是不够清晰的小图,这种图片用在web上尚且可以,却远远达不到纸张印刷标准。幸好,我的好友赵新亮帮了大忙,他放弃了很多休息的时间,为我处理了大量的文章配图。感激之情,永植于心。

另外,赵新亮是一位优秀的UI设计师,追波拥有近4000的粉丝

这是他的追波个人主页 https://dribbble.com/Delacro 欢迎围观

Image title


经过了大半年打磨,终于到了交稿的日期,然而,这并不意味着结束,而是一个更折磨人的阶段的开始。

出版社的编辑花费大量的时间检查校对原始稿,查漏查错再加工,细到一个符号,大到一段文字。说实话,我也记不清我究竟修改了多少次。校稿之后是专家评审,这个评审的过程非常严格,配图上的每个文字都需要反复斟酌推敲,如此严格的评审过程,总共需要经历了三轮。

Image title

封面设计

在评审书稿的过程中,主编特意打电话告诉我,他觉得文章写的很有价值,也希望这本书有一个与众不同的封面。话题聊到这儿,我心里立马就有了最佳人选“朱存辉”,他是一位非常优秀的平面设计师,有非常丰富的平面设计经验,更重要的身份,是我的“好基友”。

Image title

我只告诉他,要“与众不同,让人记住”,他便懂了。很快,他将“术与道”和“道与术”的字形做的图形设计发给我。

思虑再三,“术与道”更得我心。因为,“术与道”更契合书名的深意,图形也更加舒展畅快,且考虑到书开本较宽,更适合做封面主图形。

Image title

Image title

根据这个图形,我们一共设计了三款封面,我都觉得喜欢,出版社的编辑们各抒己见,讨论了几轮却也没有最终定论。好吧,那我就发起朋友圈投票吧,相信群众的力量。汇总朋友们的审美和意见,最终,我们选择了方案一。

Image title

详细介绍

《术与道》不是一本教授如何使用Photoshop基础操作的书,而是一本教你如何APP设计思路方法的书。适用于有一定软件基本操作基础的设计从业者。例如有一定设计基础的平面设计师或者网页设计师。通过本书的学习,了解APP设计相关知识,快速熟悉掌握APP设计基本方法。交互设计师和产品经理也可以一看,了解UI设计师APP设计思路和方法。可以更好的促进整个App开发流程。

第1章

App优雅的设计稿最终需要呈现在手机上,所以我们首先需要对手机屏幕有足够的了解 ,本章通过分析市面主流手机屏幕的显示原理和规格,使读者对主流手机的硬件有清晰的认识。

Image title

第2章

我们看到一个App是否设计精良,第一印象很重要,这个第一印象叫设计风格。设计好App的第一件事情就是确定设计风格。所以我们需要通过灵活运用颜色搭配和字体,来确定一套App的基本设计走向。好的配色可以让界面更加和谐,本章重点介绍了最适合UI设计的HSB配色方法,以及个性化内嵌字体的方法。

Image title

第3章

图标也叫Icon,是介于用户和图形界面之间的一个载体。图标有着独特的视觉化和风格鲜明形象化等特点。设计成功的图标能够给用户优良的视觉感受和操作体验。

图片是我们日常看到的各种图画和照片的统称。合适的配图可以起到烘托辅助说明的作用,图标和图片都是界面中的重要组成部分。

本章介绍多个案例及应用图标设计的图形创意方法。以及App图标在iOS系统和Android系统中的设计规范。

Image title

第4章

通过前一章节的学习,我们了解了图标的设计知识,下面介绍界面设计知识。目前主流的App都运行于iOS系统和Android系统之上。我们需要对界面系统的规范有足够的认识,才能进一步做个性化设计。本章先去深度分析iOS系统界面规范。

第5章

前面章节介绍了iOS系统界面规范,下面介绍Android系统界面规范。Android系统有自己独特的一套设计哲学,与iOS系统有较大差异。而本章,我们将通过分析导航、界面布局和操作方式等与iOS系统的差异使大家对Android系统的特点有进一步的认识。

第6章

在前面的章节中我们介绍了iOS系统和Android系统的标准规范,了解了相关的基础设计知识。现在我们开始学习如何从零开始设计一个App。一个优秀的App,必须有一套完整的设计规范,我们必须学会如何建立规范

第7章

前一章节介绍了如何制定设计规范,相当于搭建了一个框架。这个框架中含有各种各样的组件,这些组件实现了各种各样的功能。这些组件有的是系统自带的组件,有的是需要个性化定制的组件。下面我们来认识一下这些组件。

Image title

第8章

目前Android平台的很多应用和iOS平台设计得几乎一样。可能读者会困惑,Android系统有自己的设计规范,为什么会和iOS系统一样。

目前移动互联网的开发节奏非常快,一般一到两周一个版本迭代。如果设计和维护两套UI,成本是非常高的,一般同一个产品在两个终端并行开发,设计资源紧缺,假如两个平台设计不同步,会使项目进展缓慢。所以从团队的效率来看,大多公司选择了设计一套iOS版本的UI,再适配到Android平台的策略。用户不是设计师,他们不会觉得“返回”按钮刺眼。用户只在乎是否可以很流畅且无障碍地使用该应用程序。所以绝大多数用户是能够接受移植自iOS系统的UI的。

所以设计师需要学会根据应用的实际需要,选择适合自己的导航布局。下面介绍一些常见的导航布局。

Image title

第9章

如今应用已逐步向规范化迈进,同质化的设计只会加剧恶性的竞争。为了突出重围,维持长期健康发展,必须要加强自身应用的特色化设计,重视用户个人化设计,了解和尊重每一位用户,为用户带来更佳的实用体验。本章介绍一些典型页面设计中的要点。

第10章

由于Android系统的开放性,任何用户、开发者、OEM厂商和运营商都可以对Android系统进行定制,修改成他们想要的样子,所以手机规格也就五花八门了。我们看到主流的手机设备屏幕的尺寸是各式各样的,分辨率也有很多。这么多规格,不可能每个分辨率都出一个对应的设计稿。

本章详细介绍了如何以设计一个基准设计稿,通过一定的比例换算,去适应不同手机,不同分辨率的需求,

Image title

第11章

在PC时代,人们通过敲击键盘或用鼠标单击屏幕上的各种按钮,以实现人机交互。现在尽管手机屏幕越做越大,但手机屏幕的物理尺寸毕竟有限,各种指令不可能完全通过单击屏幕上的按钮实现,所以各种手势操作被引入人机交互中,例如,通过多年的用户习惯普及,苹果已把旋转、缩放、划动等手势成功引入操作界面,这些手势已经成为用户习惯的一部分,所以我们需要在应用设计中学习常用的手势操作。

第12章

学习设计,离不开手勤、眼宽。手勤就是多练,在工作中,不要只满足于完成任务。在空闲时可以把公司的项目再翻出来,看看能不能做得更好。业余时间多临摹成熟图标界面设计作品,在合适的时机可以借鉴到实际的工作中。眼宽就是多去看设计网站,拓展自己的眼界。网络上的设计网站非常多,我觉得网站在于精,而不在于多,下面介绍一些非常值得经常浏览的设计网站。


朋友的推荐

在写书过程中,我把样书拿给圈中的朋友们看,得到非常多的支持。最令我感动的是,他们在忙碌的间隙专门为我撰写谏言,非常感谢,朋友。

Image title

Image title

Image title

Image title

Image title

朋友圈的赞誉

2016年3月20日,应该铭记的一天——编辑通知我书已正式出版,当当网可以线上预订了。那一刻我觉得,原来,梦想如此之近。我我难掩心中的激动,双手微颤,打开微信,发了朋友圈,一瞬间,点赞和评论溢满我的手机。

Image title

后记


当《术与道》出版发行后,我听到了各种声音。

有人问,你都出书了,肯定赚翻了吧?其实,出书真的是一个投入与产出不成正比的事情,耗费的精力非常人能想象。而且,这种专业书籍受众面很窄,销量有限。再者,每本书的提成微薄,也许整套书一年销量的版权费也抵不上接一个私单来的大。

如果你深爱某个人或某件事,那你定会竭尽全力去为ta做所有事。我热爱我从事的这个行业,所以我愿意将经验分享给更多热爱这个行业的人,就这样简单。


移动设计是一个非常庞大的设计知识体系,我的设计知识并非全面完整,在撰写书籍时必须参考大量的资料,如网上教程、网友博客、知乎网友的观点。由于网络引用来源繁杂,有些资料出处无法考证,如果标注引用不够细致的地方,请联系我,我将在下一版中补充说明。书中的知识观点,是我个人经验总结,可能有考虑欠缺的地方,如有异议,也请与联系我讨论,我将在下一版中进行更正。

设计师本身是纯粹的,读者觉得《术与道》有用,觉得可以成长,这就是我莫大的荣幸,就是我快乐的理由。

感谢这个最好的时代,让UI设计生逢其时。


目前京东、当当、亚马逊、淘宝已经全面上架销售,有兴趣的可以去支持一下.

Image title


更新:2016-04-11

收藏

39人已收藏

  • 0

    作品

  • 0

    粉丝

  • 0

    关注

  • 如何体系化包装作品集
  • 这样设计Banner点击率更高
  • 2021年如何做好作品集
  • 竹笋集112萌萌个人作品集

    猜你喜欢

      2016-04-11 原创文章 经验/观点 举报 7790 39 72 13

      《移动应用设计必修课》书籍设计背后的故事

      0.0°

      你确定要举报《移动应用设计必修课》书籍设计背后的故事

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年04月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      72
      39
      13

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录