对于想学习交互设计的同学们来说,即使没有视觉或平面设计背景,仍然可以通过一些系统化、逻辑化的规则或框架来创建优秀的UI,以一种"工程化"的方式进行设计。本文UXD为大家强烈安利以下几本书籍+附多本书的PDF,帮助你轻松提升UI设计技能!
UIDesignBooks
(RefactoringUI
私信获取书籍PDF
推荐指数:★★★★★
这是一本充满了实用的设计知识的书,内含多种正反案例的对比。下面是其中一个例子,它讲述了如何建立好的视觉层次结构:
视觉层次结构—RefactoringUI(第30-31页)
展示调色板—RefactoringUI(第123-124页)
导航栏示例说明“通过减弱来强调”—RefactoringUI(第39页)
这与ScottMcCloud的UnderstandingComics中的建议非常相似(一本关于设计和视觉思维的书籍,推荐阅读),书中同样提到了“通过简化进行放大”的想法,也就是通过将用户界面精简到基本元素(或功能),来达到放大的目的。
UnderstandingComics,byScottMcCloud
这本书还建议你在设计高保真之前先画草图,因为如果你在高保真环境中工作时是很难忽略细节的,画草图反而可以帮助你快速探索一系列不同的布局创意。
RefactoringUI(第10页)
(PracticalUI
这本书介绍了很多基于逻辑的UI设计方法,并提供了一套明确的规则:“界面设计可能看起来像是一种神奇的艺术形式,但其中很大一部分是由逻辑规则或指南构成的。”
你还可以与RefactoringUI配合阅读,因为除了视觉设计外,这本书同样也非常注重可用性和可访问性。比如,交互成本是用户体验和界面设计中的一个关键概念,它涉及用户完成任务所需的工作量。书中用一个很好的例子进行了说明:
“总交互成本为三次点击、一次滚动和一个小的鼠标移动”与“总交互成本仅为两次点击和一个非常小的鼠标移动”的对比
总交互成本—PracticalUI(第20-21页)
书中也包含了如何有节制和有目的地使用颜色来提高可用性的建议:
●使用足够的颜色对比度,帮助有视力障碍的人清晰地看到界面细节;
●不要仅仅依靠颜色来传达含义;
●将品牌颜色应用于交互元素,让人们了解哪些是可交互的,哪些不是。
“尽量避免在非交互元素上使用品牌颜色。”—PracticalUI(第81页)
创建深色调色板—PracticalUI(第99页)
除此之外,还提到了摩擦设计的概念:
“在执行破坏性操作之前,你可以引入摩擦来防止人们错误地采取行动。通常情况下,这包括减少行动的突出性、将其移动到更远的位置或逐步披露。不要将动作标记为红色,因为这会使其更加突出。”
“让破坏性行为不那么突出,以防止人们错误地采取行动”—PracticalUI(第277页)
Adham强调:“指南可能看起来有一定的限制性,但它并不意味着限制了你的创造力。相反,应该把它们看作是一个坚实的基础,用来建立、探索和实验。”
(TheUIProfessional’sDesignManual(iOS+Android)
推荐指数:★★★★☆
这本书介绍了如何为iOS和Android创建移动应用。除了讨论如何选择颜色等原则和基础性的主题,书中还涵盖了这两个平台的对比,以下是一个例子:
二级导航—TheUIProfessional’sDesignManual(第233–234页)
本书最大的价值之一是它附带了一个金融科技UI工具包,并介绍了使用该UI工具包创建移动应用程序的过程。
详细设计指南和UI套件—TheUIProfessional’sDesignManual(第663–664页)
除了实用技巧之外,本书的每个部分都包含一个理论部分,例如这里是配置文件设置章节的一些部分:
配置文件设置-理论—TheUIProfessional’sDesignManual(第727–728页)
理论之后,还为你提供了一个循序渐进的教程:
Profilesettings-practice(第741-742页)
(UIDesignSystemsMastery
MarinaBudarina的UIDesignSystemsMastery是一个实用指南,教你如何创建你的第一个设计系统。你将全面了解设计系统的构建方式,并学习到设计自己系统所需的关键步骤。
除了设计师身份外,Marina还是一位软件工程师。这本书主要面向初学者,它易于理解,结构良好且轻量级,除此之外还有一个优势,就是它汇集和整理了一切你需要了解的内容。Marina在每章的结尾处都加入了重要观点的摘要。
每章都以要点(和作业)结尾—UIDesignSystemsMastery(第102页)
这本书以循序渐进的方式解释了每个方面,例如,它解释了如何为你的设计系统创建令牌。
创建版式标记—UIDesignSystemsMastery(第170页)
你不仅会学到很多关于构建设计系统的知识,还会掌握很多UI设计知识,例如下面关于布局网格的部分:
固定和灵活布局网格的组合—UIDesignSystemsMastery(第217页)
(DesigningUserInterfaces
●进行用户界面审计;
●展示你的作品;
●有效地与开发人员沟通;
●开始一个设计项目。
如何开始设计项目—DesigningUserInterfaces(第427页)
(MasterUIDesignElements
像RefactoringUI一样,这本UI设计书中以这样的建议开始:“如果你在高保真环境中工作时无法忽略细节,那就用纸和笔开始设计,并在那里勾勒出你的功能。”对于初学者来说,一个非常有用的技巧是始终在不同的视口尺寸上检查你的设计,在真实设备上进行测试。
“确保显示的文本足够清晰,并始终在真实设备上进行测试。”(第182页)
|福利大放送|WELFARE
对于设计初学者,完成从0开始创作几乎是不可能的,就像学习过程中书读百遍其义自见一样。有了大量的积累,才能在脑海里建立素材库,这些素材库能帮助同学们完成最初的设计想法积累,基于这样的基础再进行个性化的创作,最终才能做出高质量的作品集。全球院校最新作品集免费拿!添加小助手wx即可获取: