APP UI 设计手册
上QQ阅读APP看书,第一时间看更新

3.1 红

3.1.1 认识红色

红色:红色是一种象征着温暖、热情的颜色。强烈的色彩运用到手机软件的界面设计中,对人们的视觉可产生一定的冲击力,给人热情、激情的感觉。红色可以表现出热情、开朗的感觉,同时红色也可以起到标识、警告、提醒的作用。

色彩情感:火热、希望、温暖、喜气、积极、危险、警告。

洋红RGB=207,0,112 CMYK=24,98,29,0

胭脂红RGB=215,0,64 CMYK=19,100,69,0

玫瑰红RGB=30,28,100 CMYK=11,94,40,0

朱红RGB=233,71,41 CMYK=9,85,86,0

鲜红RGB=216,0,15 CMYK=19,100,100,0

山茶红RGB=220,91,111 CMYK=17,77,43,0

浅玫瑰红RGB=238,134,154 CMYK=8,60,24,0

火鹤红RGB=245,178,178 CMYK=4,41,22,0

鲑红RGB=242,155,135 CMYK=5,51,41,0

壳黄红RGB=248,198,181 CMYK=3,31,26,0

浅粉红RGB=252,229,223 CMYK=1,15,11,0

勃艮第酒红RGB=102,25,45 CMYK=56,98,75,37

威尼斯红RGB=200,8,21 CMYK=28,100,100,0

宝石红RGB=200,8,82 CMYK=28,100,54,0

灰玫红RGB=194,115,127 CMYK=30,65,39,0

优品紫红RGB=225,152,192 CMYK=14,51,5,0

3.1.2 洋红&胭脂红

① 本作品为移动应用程序——音乐播放器。本图着重突出音乐播放的含义。

② 以洋红做底,中间的浅粉色突出了音符的图标,给人一目了然的感觉。

③ 图标中的音符与暂停键符号可以让用户直观地了解软件的用途。

① 本作品为移动应用程序——果汁销售。本图着重以销售草莓汁为主。

② 草莓本身就是红色的,在白色背景下突出了红色的瓶装草莓汁,在周围点缀了草莓,更加体现了果汁的属性。

③ 可以通过软件购买果汁,虚化的草莓给人一种透视感,使整个页面更富有立体感。

3.1.3 玫瑰红&朱红

① 本作品为移动应用程序——征兵应用。本图为首页——应征入伍的介绍页。

② 玫瑰红的背景,上面用票据的形象作为背景,表示可以获得参军的入场券。

③ 下方白色可以突出文字介绍,使人更加了解征兵信息,下面的按钮为用户接受信息,点击就会进一步填入个人信息。

① 本作品为移动应用程序——家政服务,本图用于用户选择房屋的规格,以便结算清理的费用。

② 在视觉上以朱红为背景颜色,利用白色着重表现出重要的信息,使人可以清晰地看到重点信息。

③ 商家对于客户前期需求有一定了解,本软件基于用户体验,可使商家与用户进行对话。

3.1.4 鲜红&山茶红

① 本作品为移动应用程序——公交订票软件。左图为用户可选择的出发地、目的地、日期,右图根据用户的选择提供的车次详细信息。

② 以鲜红为主体,同色系的颜色相互拼接,给人一种动感的效果。在应用中票价、订票等选择区域,也以红色为底色,使用户可以一目了然看到关键信息。

① 本作品为移动应用程序——阅读软件。

② 山茶红给人一种温暖热情的感觉,激起人们阅读的欲望,增加人们对阅读的兴趣。

③ 圆形的图标给人一种圆滑感,山茶红作为背景,突出书籍的形状,书籍图案上的书签与书脊的形状使图标更加形象生动。

3.1.5 浅玫瑰红&火鹤红

① 本作品为移动应用程序——情人节应用。主要是以日历形式为主体。

② 情人节是充满喜欢与爱意的节日,浅玫瑰红可以给人一种浪漫的感觉。

③ 情人节作为现在较为流行的节日,主要受用群体为年轻人,所以具有年轻化的倾向,浅玫瑰的颜色可以增加节日气氛。

① 本作品为移动应用程序——员工入职公司介绍。本图介绍了公司房间有空调和无线传输功能。

② 以火鹤红为背景,给人以清新淡雅的印象,使人对公司产生一种温馨的感觉,并使人产生一种归属感。

③ 有空调和无线的标志,下面还配有简单的文字,使人可以更清晰详细地了解公司的环境情况。

3.1.6 硅红&壳黄红

① 本作品为移动应用程序——家庭安全应用设计。本图为家庭中的安全分类以及室内温度的详情介绍页。

② 左图中硅红与白色相结合,在最下面工具栏为工具的分类部分,用户选择一个功能区,此区域就变为硅红色,以便区分。

③ 右图为以黑色为背景的温度页,使人可以直观地看见温度计形状。

① 本作品为移动应用程序——音乐播放器。本图为歌曲播放页和歌曲列表。

② 壳黄红颜色背景,使整个界面充满了一种温馨、甜蜜的感觉,给人享受的视觉效果。

③ 音乐列表页面,给人一种干净整齐的视觉效果,在此页面下方的播放器采用半透明的设计,与页面相互呼应。

3.1.7 浅粉红&勃艮第酒红

① 本作品为移动应用程序——时钟。

② 整个页面以浅粉色为主色调,给人一种淡雅温馨的感觉,时钟的指针、日期、功能键为紫色,与其他区域以浅紫色作了区别。

③ 页面的时钟设计简约而时尚,突起的圆形作为钟面,呈现出一种凸起的效果,指针在其中转动,极具立体感与动态感。

① 本作品为移动应用程序——健身日志。本图为日志详情页。

② 勃艮第酒红给人一种沉稳的感受,同时具有激励用户不要放弃锻炼的作用。

③ 通过这个软件记录了使用者的锻炼情况,同时进行了详细的数据分析,用绿色表示增加,使用户感受到成就感;红色表示减少,起到一种警示的作用。

3.1.8 威尼斯红&宝石红

① 本作品为移动应用程序——网上商城购物。本图为商品分类的界面。

② 白色为底色,通过红色圆形中的图案,就可以显示出每个区域的分类。用户可以根据自己的需求选择想要购买的东西。

③ 九宫格平均排列的页面,给人以干净整齐的视觉效果。

① 本作品为移动应用程序——银行的移动端。本图为欢迎界面与首页。

② 背景由不规则的宝石红菱形拼接而成,既给人一种灵活性,又使背景不再单调,同时突出中间银行的标志和名称。

③ 首页由标题栏和一个大版的图像介绍,给人一个简单、好操作的应用印象。

3.1.9 灰玫红&优品紫红

① 本作品为移动应用程序——日记。

② 通过颜色区别日期,当天的日期为橘红色,其他日期为灰玫红,给人一种沉稳、安全的感觉。作为日记应用,安全隐私是最先考虑的。

① 本作品为移动应用程序——网上商城购物。本图为情人节专题的封面。

② 优品紫红烘托了界面中间的礼包,打开软件看见礼包表示打开有惊喜,给人一种神秘感与浪漫感。

③ 应用中会给用户推荐一些关于情人节所需要的商品、礼物,方便用户进行购买。