![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=1739663486-eBApT3DJqFkmoYzSX2C0od81tMc3TYf9-0-cd9c096a4cc7db98b01cc78c4a4db637)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_2.jpg?sign=1739663486-cgq3j621rENkcrc2eaSPzK4suvF0897y-0-7868c4221e73a9697e861bf8e8039c4b)
洋红RGB=207,0,112 CMYK=24,98,29,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_3.jpg?sign=1739663486-b8aqivUl0jgA5T0FaxktXZOKdGRn0QG3-0-5c0ace72b895a3d48001f52807d6e313)
胭脂红RGB=215,0,64 CMYK=19,100,69,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_4.jpg?sign=1739663486-q88cBuauzrpA3AIKFwbchR4zMLq3bTft-0-93c4d3ea24f803592559ca73f1a705a5)
玫瑰红RGB=30,28,100 CMYK=11,94,40,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_5.jpg?sign=1739663486-y34zpNHHfk3oGyZxXgZP91FoxrZNWbTx-0-a166746aa2c65b51a2f8d35e12e429a5)
朱红RGB=233,71,41 CMYK=9,85,86,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_6.jpg?sign=1739663486-YoAnWeXRpA0pKtPsCMxWINToBgWgb0IJ-0-820132c2d6d90a5e7dc4903def9e24dd)
鲜红RGB=216,0,15 CMYK=19,100,100,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_7.jpg?sign=1739663486-ijct8w1d4TLfBhdJCejLlMMxHmywuXj5-0-30acf6eb5e20be89c26eb0275bb82bad)
山茶红RGB=220,91,111 CMYK=17,77,43,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_8.jpg?sign=1739663486-oDWoxv2pjtesmvel3uuBdpCprKt7cWHC-0-47c035e78b8d3627f793241b0e270d58)
浅玫瑰红RGB=238,134,154 CMYK=8,60,24,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_9.jpg?sign=1739663486-JWiZyXNsFpaK9k3Qlnn9P7QahEYSYuEo-0-c608819a969e6343d6f4972a0ebd4273)
火鹤红RGB=245,178,178 CMYK=4,41,22,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_10.jpg?sign=1739663486-LcpQl1l9EumDt5J664N9Yle3TOjDRuRy-0-d895164f380b94fd19f5d0ac9879edbc)
鲑红RGB=242,155,135 CMYK=5,51,41,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_11.jpg?sign=1739663486-YCr8tAtNujyvviwI85mRwdmxVheidJu7-0-675d7522848ec5e07cf39a1cb2b9d3a4)
壳黄红RGB=248,198,181 CMYK=3,31,26,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_12.jpg?sign=1739663486-tdcTH7EchR7zLKXi2DdLRGOKVY1UcZBG-0-569a6c77214b72b4c6bd22cb39511f89)
浅粉红RGB=252,229,223 CMYK=1,15,11,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_13.jpg?sign=1739663486-RXDRYXXa3TaCuav9pbrUloUopoB6cC5y-0-528f1da3d24de1ef0cc188d573602337)
勃艮第酒红RGB=102,25,45 CMYK=56,98,75,37
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_14.jpg?sign=1739663486-6LVOSbP5RGqQFyD2Oo2hpuYPwJpzLoAs-0-5a8469986e271f2a45c70880e7011346)
威尼斯红RGB=200,8,21 CMYK=28,100,100,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_15.jpg?sign=1739663486-PcljpVCeiG459e3el2h5ONjHT1CYmkYY-0-2e5799477c12f580ca06eeb5a210bae4)
宝石红RGB=200,8,82 CMYK=28,100,54,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_16.jpg?sign=1739663486-EDUAotgrZz5gEPwCqB2EDNex25o3oTHl-0-a8925d65547f21b7839e9f7c7b1949ad)
灰玫红RGB=194,115,127 CMYK=30,65,39,0
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P29_17.jpg?sign=1739663486-bN5ZqXI4bGP1vawgqLaCLomowMnqsPdQ-0-fa7a8d2e2015c69c598971beac54bf5a)
优品紫红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=1739663486-11G0pGkrvmL1xeGu5YVkgI4wmDnEOWVz-0-1a73a6ddb973a0807852c279e64512f1)
① 本作品为移动应用程序——音乐播放器。本图着重突出音乐播放的含义。
② 以洋红做底,中间的浅粉色突出了音符的图标,给人一目了然的感觉。
③ 图标中的音符与暂停键符号可以让用户直观地了解软件的用途。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P30_2.jpg?sign=1739663486-8wXft4WEyRBITWX6eqcJxOgJkx9Q88t2-0-cc1597f8cf3963067fcee14fc03e7d47)
① 本作品为移动应用程序——果汁销售。本图着重以销售草莓汁为主。
② 草莓本身就是红色的,在白色背景下突出了红色的瓶装草莓汁,在周围点缀了草莓,更加体现了果汁的属性。
③ 可以通过软件购买果汁,虚化的草莓给人一种透视感,使整个页面更富有立体感。
3.1.3 玫瑰红&朱红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P30_3.jpg?sign=1739663486-QtCg8MJv8Tmx3vq5RjBCgngYO0icWCh1-0-5750fb30d92aed48eab6f0af973697e9)
① 本作品为移动应用程序——征兵应用。本图为首页——应征入伍的介绍页。
② 玫瑰红的背景,上面用票据的形象作为背景,表示可以获得参军的入场券。
③ 下方白色可以突出文字介绍,使人更加了解征兵信息,下面的按钮为用户接受信息,点击就会进一步填入个人信息。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P30_4.jpg?sign=1739663486-yhNVfsxKUrabioyQRsSfocOdXgTAvyaS-0-909dfc19e1942c9bf59d1b203c82ead3)
① 本作品为移动应用程序——家政服务,本图用于用户选择房屋的规格,以便结算清理的费用。
② 在视觉上以朱红为背景颜色,利用白色着重表现出重要的信息,使人可以清晰地看到重点信息。
③ 商家对于客户前期需求有一定了解,本软件基于用户体验,可使商家与用户进行对话。
3.1.4 鲜红&山茶红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P31_1.jpg?sign=1739663486-M9jLyjLXv2FnfdjAuqnt46bjfljx5blX-0-bde4c590cd1913e4f94d76b95bc23496)
① 本作品为移动应用程序——公交订票软件。左图为用户可选择的出发地、目的地、日期,右图根据用户的选择提供的车次详细信息。
② 以鲜红为主体,同色系的颜色相互拼接,给人一种动感的效果。在应用中票价、订票等选择区域,也以红色为底色,使用户可以一目了然看到关键信息。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P31_2.jpg?sign=1739663486-cDb3hwSRj1vCqqBD2DYK2kec5OHLr7B0-0-0107b8170ac365be0395529d8f94de59)
① 本作品为移动应用程序——阅读软件。
② 山茶红给人一种温暖热情的感觉,激起人们阅读的欲望,增加人们对阅读的兴趣。
③ 圆形的图标给人一种圆滑感,山茶红作为背景,突出书籍的形状,书籍图案上的书签与书脊的形状使图标更加形象生动。
3.1.5 浅玫瑰红&火鹤红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P31_3.jpg?sign=1739663486-0zzrUY7mqSL3KJ754zupJ3rAcUF1QBGC-0-f8116d211c8e0955883cc5075e3f65cc)
① 本作品为移动应用程序——情人节应用。主要是以日历形式为主体。
② 情人节是充满喜欢与爱意的节日,浅玫瑰红可以给人一种浪漫的感觉。
③ 情人节作为现在较为流行的节日,主要受用群体为年轻人,所以具有年轻化的倾向,浅玫瑰的颜色可以增加节日气氛。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P31_4.jpg?sign=1739663486-w6ijnJq4dHRQ0TP02PnPM05AAacPZNrX-0-ac7f81651372e36b912db1550a1b83e8)
① 本作品为移动应用程序——员工入职公司介绍。本图介绍了公司房间有空调和无线传输功能。
② 以火鹤红为背景,给人以清新淡雅的印象,使人对公司产生一种温馨的感觉,并使人产生一种归属感。
③ 有空调和无线的标志,下面还配有简单的文字,使人可以更清晰详细地了解公司的环境情况。
3.1.6 硅红&壳黄红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P32_1.jpg?sign=1739663486-LJPTjcNGv1pqQ2QNArQ0gQYR6o6cNv72-0-7d14359021091e999394b85bdbdb23e5)
① 本作品为移动应用程序——家庭安全应用设计。本图为家庭中的安全分类以及室内温度的详情介绍页。
② 左图中硅红与白色相结合,在最下面工具栏为工具的分类部分,用户选择一个功能区,此区域就变为硅红色,以便区分。
③ 右图为以黑色为背景的温度页,使人可以直观地看见温度计形状。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P32_5.jpg?sign=1739663486-WEbEShcLFvjacy2UedXizCcEJGtXA219-0-938eec3ab9e35a79af32cabd33c3166a)
① 本作品为移动应用程序——音乐播放器。本图为歌曲播放页和歌曲列表。
② 壳黄红颜色背景,使整个界面充满了一种温馨、甜蜜的感觉,给人享受的视觉效果。
③ 音乐列表页面,给人一种干净整齐的视觉效果,在此页面下方的播放器采用半透明的设计,与页面相互呼应。
3.1.7 浅粉红&勃艮第酒红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P32_9.jpg?sign=1739663486-eGyMGGxQjtscc4E5EBFQgN0IbHq5QKlF-0-546ccb2e773009fb1fbd619b797c1d5c)
① 本作品为移动应用程序——时钟。
② 整个页面以浅粉色为主色调,给人一种淡雅温馨的感觉,时钟的指针、日期、功能键为紫色,与其他区域以浅紫色作了区别。
③ 页面的时钟设计简约而时尚,突起的圆形作为钟面,呈现出一种凸起的效果,指针在其中转动,极具立体感与动态感。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P32_10.jpg?sign=1739663486-aV0kCR4JYZfyxQwiQS02HcOmzge55Z74-0-84c4ef236b46c675ae288ab12dceae51)
① 本作品为移动应用程序——健身日志。本图为日志详情页。
② 勃艮第酒红给人一种沉稳的感受,同时具有激励用户不要放弃锻炼的作用。
③ 通过这个软件记录了使用者的锻炼情况,同时进行了详细的数据分析,用绿色表示增加,使用户感受到成就感;红色表示减少,起到一种警示的作用。
3.1.8 威尼斯红&宝石红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P33_1.jpg?sign=1739663486-n56LfrYnMluGfyGyC9GwhDQpFXeKYjyJ-0-aba453555ce95bdc39241e5eae5ea0e2)
① 本作品为移动应用程序——网上商城购物。本图为商品分类的界面。
② 白色为底色,通过红色圆形中的图案,就可以显示出每个区域的分类。用户可以根据自己的需求选择想要购买的东西。
③ 九宫格平均排列的页面,给人以干净整齐的视觉效果。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P33_2.jpg?sign=1739663486-Ox6QVzuyHuAbOuJgFeNnebtufYFrqgkZ-0-c25ba406bd5fc4c17a0dd5c9df8edd70)
① 本作品为移动应用程序——银行的移动端。本图为欢迎界面与首页。
② 背景由不规则的宝石红菱形拼接而成,既给人一种灵活性,又使背景不再单调,同时突出中间银行的标志和名称。
③ 首页由标题栏和一个大版的图像介绍,给人一个简单、好操作的应用印象。
3.1.9 灰玫红&优品紫红
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P33_3.jpg?sign=1739663486-f4nAGtxNeDjj7HhoFRfc57c84pBb6DqB-0-87fdf0304dafb5aa19167d44ee116791)
① 本作品为移动应用程序——日记。
② 通过颜色区别日期,当天的日期为橘红色,其他日期为灰玫红,给人一种沉稳、安全的感觉。作为日记应用,安全隐私是最先考虑的。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P33_4.jpg?sign=1739663486-DVFneoaaFHaPBhOEoQm74OOXRC7L8ZAr-0-b7caa01b77cc62d96f37f1251bbd3b16)
① 本作品为移动应用程序——网上商城购物。本图为情人节专题的封面。
② 优品紫红烘托了界面中间的礼包,打开软件看见礼包表示打开有惊喜,给人一种神秘感与浪漫感。
③ 应用中会给用户推荐一些关于情人节所需要的商品、礼物,方便用户进行购买。