美文网首页
视觉感规范

视觉感规范

作者: Allen_Ezail_Ive | 来源:发表于2020-06-22 21:12 被阅读0次

文件格式规范

  1. 统一采用 Photoshop CC 及以上版本的 psd 格式。无需兼容低版本。
  2. 确保单个 psd 文件的体积不超过 1G。
  3. 生成的缩略图统一用 .png 格式。

文件命名规范

  1. 尽量参考原型图用中文命名。
  2. 文件名不得使用任何符号,除了以下常用连接符和括号:- _ ( ) [ ] @

提示:用字母 x 代替乘号 *,如 100x300.psd
提示:用符号 - 代替空格,如 详情页-头部.psd
提示:用方括号添加特别说明,如 [永不修改版]详情页.psd

图层规范

  1. 图层的名字尽量和视觉上显示的文案意义保持一致。
  2. 图层的顺序尽量和图层的展示位置保持一致。
  3. 如果一个视觉效果是由多个图层组成的,尽量将这些图层放在同一个图层组。
  4. 确保能通过隐藏图层组的方式快速隐藏页面中的任何一整块内容。
  5. 删除未用到的图层。
  6. 初始状态显示所有图层。
  7. 如果交互上有两种状态,那么需要给图层设置不同的颜色分级,通过切换图层组可以看到不同的状态效果。

活动页设计规范

暂无

相关文章

  • 视觉感规范

    文件格式规范 统一采用 Photoshop CC 及以上版本的 psd 格式。无需兼容低版本。 确保单个 psd ...

  • 关于设计规范

    从不同的维度考虑,设计规范有不同的分类。 从纵向考虑,设计规范可分为交互规范和视觉规范。交互规范一般要先于视觉规范...

  • 10086 APP设计、标注规范

    这一套移动视觉APPUI设计规范,包含了界面布局、颜色、文字规范、按钮规范、图标规范、图片规范、列表规范、控件规范...

  • 设计工作日志1120

    经过周末两天和今天的整理,系统的视觉设计规范终于完成了初稿。 以前也做过视觉规范的制定,但都是小规模的规范,制定起...

  • 设计 | APP尺寸大全

    APP界面视觉设计尺寸规范大全

  • 3.0视觉规范

  • 产品经理怎么检验视觉规范文档

    今天视觉设计师拿出了一本视觉规范文档出来,让产品经理评审。借这个机会正好做个总结。产品经理到底该如何去评审视觉规范...

  • 设计规范注意的几点

    设计规范什么时候做:视觉规范在1.0风格定好之后,起草。 对哪些内容做规范:只对重要页面进行规范[控件、色织、质感...

  • 视觉设计规范那些事

    说到视觉设计规范,设计师们都不算陌生。例如一款APP,我们若只是设计界面而没有视觉设计规范,会直接影响到项...

  • Android Material Design Animatio

    1 动画的规范 Material Design 是 Google 总结的一套具有创新性和符合科学的视觉规范,其中包...

网友评论

      本文标题:视觉感规范

      本文链接:https://www.haomeiwen.com/subject/ucgffktx.html