26第五章6-App界面设计布局风格与设计规范_第1页
26第五章6-App界面设计布局风格与设计规范_第2页
26第五章6-App界面设计布局风格与设计规范_第3页
26第五章6-App界面设计布局风格与设计规范_第4页
26第五章6-App界面设计布局风格与设计规范_第5页
已阅读5页，还剩16页未读， 继续免费阅读

下载本文档

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

文档简介

App界面设计布局风格与视觉设计规范天津电子信息职业技术学院0102知识要点APPUI界面设计风格APP界面视觉设计规范APPUI界面设计风格App界面设计风格的重要性统一设计风格能给用户呈现整体一致的视觉体验；APPUI界面设计布局风格App界面设计风格通过颜色搭配、页面布局和品牌形象等，给用户呈现出的整体视觉感受有利于传达产品整体的品牌形象；方便设计团队制定设计规范；减少设计风格不一致带来的沟通成本。App界面设计风格传达的信息整体基调目标人群APPUI界面设计布局风格主流的设计风格扁平化设计APPUI界面设计布局风格界面美观、简约大方、条理清晰；设计元素上强调抽象、极简、符号化，去除冗余的装饰效果；兼容pc网站、安卓、ios等不同系统的平台，适应性强。主流的设计风格APPUI界面设计布局风格参考来自面向企业分析服务公司（KISSmetrics）的调查报告图表色调冷暖及明暗亮度通过冷暖色彩+明暗亮度搭配传递给用户的印象和心理感受APPUI界面设计布局风格红色：动力、热情、刺激、强大等黄色：欢庆、幸福、理想主义、阳光等色调冷暖及明暗亮度通过冷暖色彩+明暗亮度搭配传递给用户的印象和心理感受APPUI界面设计布局风格绿色：天然、健康、好运、稳定等紫色：灵性、神秘、智慧、启迪等App界面视觉设计规范0102APP界面视觉设计规范页面布局规范标准色规范03标准字规范04界面元素间距05弹层规范0607加载规范图标按钮规范08页面加载失败、页面为空展示一、页面布局规范切角10px右上角常用操作导航栏高度：98pxIcon尺寸：60*60px文字大小：18pxios

iphone6/7/8分辨率：750*1334Android分辨率：720*1280状态栏高度：40px标题栏高度：88px状态栏高度50px标题栏高度96px切角15px左上角常用返回二、标准色规范三、标准字规范全局边距四、界面元素间距卡片边距40px16px32px30px五、弹层规范右上角+、更多弹层

飘弱字提示取消、确定模块弹层：强提示弹层强引导功能弹层：注册登录

强引导功能弹层：签到强引导功能弹层：分享Android-选择弹层（页面中央）ios-选择弹层（底部弹出）六、加载规范上、下拉加载功能性加载：登录、提交信息功能性加载：上传图片页面切换加载七、图标/按钮规范图标按钮IOS标签栏图标七、图标/按钮规范Android图标iOS应用图标iOS聚焦、设置和通知图标iOS导航

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论