![APP UI 设计手册](https://wfqqreader-1252317822.image.myqcloud.com/cover/571/24172571/b_24172571.jpg)
3.1 红
3.1.1 认识红色
红色:红色是一种象征着温暖、热情的颜色。强烈的色彩运用到手机软件的界面设计中,对人们的视觉可产生一定的冲击力,给人热情、激情的感觉。红色可以表现出热情、开朗的感觉,同时红色也可以起到标识、警告、提醒的作用。
色彩情感:火热、希望、温暖、喜气、积极、危险、警告。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_1.jpg?sign=1738858869-rqjJX6UzyfjmplYtN5qpOd4zRQH7i3ar-0-93e648214d4ce57e74e595181bf9b898)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_2.jpg?sign=1738858869-5J2QYjGSVZUn4ylPpr55P1VmVH7q021P-0-6b78a52323f21146096b7585a3e4ae35)
洋红RGB=207,0,112 CMYK=24,98,29,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_3.jpg?sign=1738858869-nDW6n8myd5GxL838aUF1WplDVdAlsM3t-0-e812a96d0df80a10c1768539b47be4f8)
胭脂红RGB=215,0,64 CMYK=19,100,69,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_4.jpg?sign=1738858869-mNxaHG7gurwQ66xSLgb59jf4IswqUIUQ-0-567869cf5ecc4a134bf1cb316f4dd8f2)
玫瑰红RGB=30,28,100 CMYK=11,94,40,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_5.jpg?sign=1738858869-2MkYLzd8nambAeI4SdQO7395wbrx7BvR-0-03b87ebedc8c5b8c5b66685c5609ee57)
朱红RGB=233,71,41 CMYK=9,85,86,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_6.jpg?sign=1738858869-hQGAf0tV8kOhXy72LUgpjmJZbngfkPJF-0-16c432c429ed347ae03834fd961df7de)
鲜红RGB=216,0,15 CMYK=19,100,100,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_7.jpg?sign=1738858869-gUJl2RPwLt1TRLcJxq7hmnFQIyxaHqi0-0-798dd0ea997f9d7a93daea9a227a2772)
山茶红RGB=220,91,111 CMYK=17,77,43,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_8.jpg?sign=1738858869-YfoX3J4WNQExBoq0QffGsfvvwTABCMu2-0-03339114fc9708806a8b872700cb8748)
浅玫瑰红RGB=238,134,154 CMYK=8,60,24,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_9.jpg?sign=1738858869-92hhcDNATWYPCap729m5gZTc1tb8GAI8-0-b12a85edc516c2141cd487da37d71832)
火鹤红RGB=245,178,178 CMYK=4,41,22,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_10.jpg?sign=1738858869-kJfwURvYSS9UQS8lb6gWEXFDCxGSSCkr-0-d02a29624cd61f993a93d17110b3e852)
鲑红RGB=242,155,135 CMYK=5,51,41,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_11.jpg?sign=1738858869-Docza0PM6eA2Yr8a5jCP5DMZdjM98Cpd-0-3d0defa54befa82afced62bdc636f737)
壳黄红RGB=248,198,181 CMYK=3,31,26,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_12.jpg?sign=1738858869-YMzonxvgjSSs8XTSRaRSxtKUBFaqLu1E-0-0370885f30fb8b86d3cd9b8436bf0cdd)
浅粉红RGB=252,229,223 CMYK=1,15,11,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_13.jpg?sign=1738858869-HW0ZkuEoGtsFfXyEOZdznFbwTRxyDJdY-0-7c725d244be6b31e0ef4c149cdce334c)
勃艮第酒红RGB=102,25,45 CMYK=56,98,75,37
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_14.jpg?sign=1738858869-EAHXp2wlDAdwfGB8ZPQZ2jmoRISEQLz8-0-4bd0bac651af73122d08151763b495f4)
威尼斯红RGB=200,8,21 CMYK=28,100,100,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_15.jpg?sign=1738858869-AQG7Wk3KrQYHkcAac9PZeMIrI4PTYfVx-0-d4bcb30d5487c2cb0f43ca56a6020582)
宝石红RGB=200,8,82 CMYK=28,100,54,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_16.jpg?sign=1738858869-8aqabncNUowmVDvbGKjAcnubJem7qBG1-0-cc65f3067636fa37ae4a2fa167ee1a26)
灰玫红RGB=194,115,127 CMYK=30,65,39,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_17.jpg?sign=1738858869-qypiGsg8JpKS55ewqse0GJJXIbYr95SC-0-28154a081a1059f3f4cbb97a9d6320a5)
优品紫红RGB=225,152,192 CMYK=14,51,5,0
3.1.2 洋红&胭脂红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P30_1.jpg?sign=1738858869-dHla0mkrUswEJybx5B1XHb83OEfU68Tg-0-ace38cf20171e9bd1f4fd94b22ac2450)
① 本作品为移动应用程序——音乐播放器。本图着重突出音乐播放的含义。
② 以洋红做底,中间的浅粉色突出了音符的图标,给人一目了然的感觉。
③ 图标中的音符与暂停键符号可以让用户直观地了解软件的用途。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P30_2.jpg?sign=1738858869-Cnm05qqQUwPYZakM2ZbR3xeXGA25TURA-0-495ff6808a17c281113910db2e769cd1)
① 本作品为移动应用程序——果汁销售。本图着重以销售草莓汁为主。
② 草莓本身就是红色的,在白色背景下突出了红色的瓶装草莓汁,在周围点缀了草莓,更加体现了果汁的属性。
③ 可以通过软件购买果汁,虚化的草莓给人一种透视感,使整个页面更富有立体感。
3.1.3 玫瑰红&朱红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P30_3.jpg?sign=1738858869-K4MjmPppclbzYzWcHVjZOwIIeB0L1r5f-0-c9b5812cdd7eadae48e8832290bc247f)
① 本作品为移动应用程序——征兵应用。本图为首页——应征入伍的介绍页。
② 玫瑰红的背景,上面用票据的形象作为背景,表示可以获得参军的入场券。
③ 下方白色可以突出文字介绍,使人更加了解征兵信息,下面的按钮为用户接受信息,点击就会进一步填入个人信息。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P30_4.jpg?sign=1738858869-jEuknPTNOO46PSQZco5kFFFXlCRmSnlc-0-c367c4948923b5d7f842d548f222f8b5)
① 本作品为移动应用程序——家政服务,本图用于用户选择房屋的规格,以便结算清理的费用。
② 在视觉上以朱红为背景颜色,利用白色着重表现出重要的信息,使人可以清晰地看到重点信息。
③ 商家对于客户前期需求有一定了解,本软件基于用户体验,可使商家与用户进行对话。
3.1.4 鲜红&山茶红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P31_1.jpg?sign=1738858869-NCIlWDWa57P9O9CyLvqT4dngzu2CZHu0-0-1560156d5c5f937ea915ed52101d1e20)
① 本作品为移动应用程序——公交订票软件。左图为用户可选择的出发地、目的地、日期,右图根据用户的选择提供的车次详细信息。
② 以鲜红为主体,同色系的颜色相互拼接,给人一种动感的效果。在应用中票价、订票等选择区域,也以红色为底色,使用户可以一目了然看到关键信息。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P31_2.jpg?sign=1738858869-SJQpNCduTB4fuUSYyLBrmMD1knRU7dJJ-0-ad908070a99dfd2059521de2dd3e6026)
① 本作品为移动应用程序——阅读软件。
② 山茶红给人一种温暖热情的感觉,激起人们阅读的欲望,增加人们对阅读的兴趣。
③ 圆形的图标给人一种圆滑感,山茶红作为背景,突出书籍的形状,书籍图案上的书签与书脊的形状使图标更加形象生动。
3.1.5 浅玫瑰红&火鹤红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P31_3.jpg?sign=1738858869-rcMjCLRXVIIa9ked5yHqOztz9ZecqfKQ-0-a2353ae3b14275a3f2c79004080f6616)
① 本作品为移动应用程序——情人节应用。主要是以日历形式为主体。
② 情人节是充满喜欢与爱意的节日,浅玫瑰红可以给人一种浪漫的感觉。
③ 情人节作为现在较为流行的节日,主要受用群体为年轻人,所以具有年轻化的倾向,浅玫瑰的颜色可以增加节日气氛。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P31_4.jpg?sign=1738858869-12NipaU2pnLYQmBtSU1uVQFyMA5nkgxK-0-ee16b62dd669ffb871760cf541f9dd3f)
① 本作品为移动应用程序——员工入职公司介绍。本图介绍了公司房间有空调和无线传输功能。
② 以火鹤红为背景,给人以清新淡雅的印象,使人对公司产生一种温馨的感觉,并使人产生一种归属感。
③ 有空调和无线的标志,下面还配有简单的文字,使人可以更清晰详细地了解公司的环境情况。
3.1.6 硅红&壳黄红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P32_1.jpg?sign=1738858869-CosYSLHDhYUeukIgAdoltEQmi45MsUIa-0-e191c4ec8861480e1d50339492a6f353)
① 本作品为移动应用程序——家庭安全应用设计。本图为家庭中的安全分类以及室内温度的详情介绍页。
② 左图中硅红与白色相结合,在最下面工具栏为工具的分类部分,用户选择一个功能区,此区域就变为硅红色,以便区分。
③ 右图为以黑色为背景的温度页,使人可以直观地看见温度计形状。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P32_5.jpg?sign=1738858869-O9IkwM7GnkryOLObQlQAQDZWDOxewj4L-0-6ff405a07bc79812a29af0067de9e6e6)
① 本作品为移动应用程序——音乐播放器。本图为歌曲播放页和歌曲列表。
② 壳黄红颜色背景,使整个界面充满了一种温馨、甜蜜的感觉,给人享受的视觉效果。
③ 音乐列表页面,给人一种干净整齐的视觉效果,在此页面下方的播放器采用半透明的设计,与页面相互呼应。
3.1.7 浅粉红&勃艮第酒红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P32_9.jpg?sign=1738858869-nDGpnfCEEcUiMyJGgNwpEpPCDJ7AfhMy-0-3814282ce8a7afb5dfe5fb9c8d87edd6)
① 本作品为移动应用程序——时钟。
② 整个页面以浅粉色为主色调,给人一种淡雅温馨的感觉,时钟的指针、日期、功能键为紫色,与其他区域以浅紫色作了区别。
③ 页面的时钟设计简约而时尚,突起的圆形作为钟面,呈现出一种凸起的效果,指针在其中转动,极具立体感与动态感。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P32_10.jpg?sign=1738858869-sfYFKUXgJ4qZGwrPKxWioTBQjO8SkdTh-0-185a80f235bffc9b24bdd4e535c78281)
① 本作品为移动应用程序——健身日志。本图为日志详情页。
② 勃艮第酒红给人一种沉稳的感受,同时具有激励用户不要放弃锻炼的作用。
③ 通过这个软件记录了使用者的锻炼情况,同时进行了详细的数据分析,用绿色表示增加,使用户感受到成就感;红色表示减少,起到一种警示的作用。
3.1.8 威尼斯红&宝石红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P33_1.jpg?sign=1738858869-sSayj2sTffpbcDpxKIUzDdPksDingdlQ-0-88f1f291938ba4e04b7ac436232a8489)
① 本作品为移动应用程序——网上商城购物。本图为商品分类的界面。
② 白色为底色,通过红色圆形中的图案,就可以显示出每个区域的分类。用户可以根据自己的需求选择想要购买的东西。
③ 九宫格平均排列的页面,给人以干净整齐的视觉效果。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P33_2.jpg?sign=1738858869-wPJ0qZEynvgiuw74XKOj72S5myAG5CbB-0-daeedb8ea9b7f3e21b5a53bf6f578160)
① 本作品为移动应用程序——银行的移动端。本图为欢迎界面与首页。
② 背景由不规则的宝石红菱形拼接而成,既给人一种灵活性,又使背景不再单调,同时突出中间银行的标志和名称。
③ 首页由标题栏和一个大版的图像介绍,给人一个简单、好操作的应用印象。
3.1.9 灰玫红&优品紫红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P33_3.jpg?sign=1738858869-9h87BoK15JUAERG3KzRam8TlqcBdYDbv-0-9db41487b2b3ed6d35619f567c35975e)
① 本作品为移动应用程序——日记。
② 通过颜色区别日期,当天的日期为橘红色,其他日期为灰玫红,给人一种沉稳、安全的感觉。作为日记应用,安全隐私是最先考虑的。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P33_4.jpg?sign=1738858869-CtvE29THk369ruCInGKbe6ZanhnRnzkM-0-347c9ee1a3dea2e0f593fc8e61cf365c)
① 本作品为移动应用程序——网上商城购物。本图为情人节专题的封面。
② 优品紫红烘托了界面中间的礼包,打开软件看见礼包表示打开有惊喜,给人一种神秘感与浪漫感。
③ 应用中会给用户推荐一些关于情人节所需要的商品、礼物,方便用户进行购买。