色彩视觉应用案例咪咕爱看_第1页
色彩视觉应用案例咪咕爱看_第2页
色彩视觉应用案例咪咕爱看_第3页
色彩视觉应用案例咪咕爱看_第4页
色彩视觉应用案例咪咕爱看_第5页
已阅读5页，还剩12页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

移动商务视觉设计项目二移动界面色彩设计任务三色彩运用案例分析1背景分析2色彩设计3界面配色·色彩运用案例分析随时随地看我爱看咪咕爱看背景分析产品定位以咪咕爱看APP的视觉设计为例来讲解APP视觉设计的色彩运用性别分布年龄分布背景分析用户画像成熟稳重安静内敛敢于挑战好玩有趣年轻活力背景分析设计风格基本理念咪咕爱看的内容以“泛娱乐”为核心，节目内容丰富，但总体充满了娱乐性。自由快速简洁年轻活力亲和力色彩设计色彩设计关键词页面减少不必要装饰元素，以内容为核心进行设计，通过格式塔原理将页面元素模块化分组，使页面呈现明显的视觉层级，是整个页面更加简约，提升用户使用效率与体验。简约而不简单页面色彩以橘色作为主题色，配之以黑色；使整个页面在活泼明快同时，带有沉稳的气息；橘红色色彩艳丽，使人感到愉悦，但过多亮色会用户感到浮躁不安，所以配之黑色给予用户在愉悦中感到安定感觉。活泼而稳重虽然当前用户以40岁左右的男性为主，但是随着咪咕爱看影响力的扩大，将有更加广泛的用户群；为了扩大用户群体，我们的界面将以时尚现代风格为主。现代时尚色彩设计配色咪咕爱看的用户多位8090后，他们在生活中比较容易新鲜，有活力的东西，是互联网用户中的中流砥柱。同时多数为户外用户，时间比较有限，尽可能在短时间内帮助用户找到想看的内容。产品主色彩继续选择了橙色系，黄色为辅色，整体颜色更加年轻化、个性化。搭配大面积留白，整体页面视觉上更加柔和、友好。主色:ff6a4c点缀色：ffc33d点缀色：97cef5点缀色：33150f色彩设计文字色以咪咕爱看APP的视觉设计为例来讲解APP视觉设计的色彩运用主色:333333点缀色：666666点缀色：999999点缀色：cccccc主色:FF8C19点缀色：FFAA33点缀色：FFBB33点缀色：FFFFFF主色做了梯度处理，适用于不同场景。文字色拉开视觉层级，其中333搭配橙色能凸显年轻活力。色彩设计形象-熊猫蛋仔黑白灰版，用在不可用状态。加上红色和橙色的彩色版，活波呆萌。界面配色引导页APP开屏采用鲜艳活动的绿色、蓝色和橙色系，多色彩的搭配让人眼前一亮界面配色首页将分类放在顶部，页面切换时保持搜索栏不变，tab栏在选中与未选中做了颜色差异，并做了短线区分，分类选择给予橙色标识，以便于用户快速找到。搜索窗格用橙色标出，方便用户找到。不同的栏目分类用不同的颜色标识，美观、清晰。新的标签实时加入，用橙色标注。界面配色直播页选中分类用橙色色块提醒，选中的视频名字转变为红色，对比鲜明。类目名称和图标用色简洁明了，清晰易懂。界面配色多页面会员页、热播榜单页、专题页，多页面基本色彩一致，视觉感受统一大气。界面配色流量页和个人中心页，遵循了橙色为主色系的设计原则，简洁、清晰、易用。界面配色人性化的夜间模式设置，白天

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论