Ceyes桌面设计规范 -- Vuzix M100版

眼镜官方 发表于 2014-9-24 12:22:55 | 显示全部楼层
复制链接  |   打印  |   上一主题  |   下一主题

联想NBD论坛邀请您马上注册,结交更多极客朋友,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
设计规范

界面布局

Vuzix M100智能眼镜的用户界面有标准的布局和边距尺寸指南,用于不同类型时间轴卡片的显示,以下是标准卡片的布局和边距尺寸,使用户能有更好的视觉体验。

全出血图像
         全出血图像.png

上下左右距离边框30px
前后左右边距.png

上下左右距离边框30px,左右比例3:5

   左右屏.png

四分屏

四分屏.png

其他布局
菜单操作界面

适用于菜单操作,如分享、播放、删除、收藏、停止等。

         菜单.jpg

菜单.png

提示界面

适用于提示界面,如低电量界面、无数据连接等。


         提示.png

         电量提示.png

图标设计规格

当你开始构思应用图标的时候,应该将以下几点牢记在心。另外,当你着手创建图标的时候,可以参考应用图标一节来了解更多的规则和指导。
  · Ceyes桌面大部分使用圆形图标,其他使用原生态图标,建议使用和Ceyes桌面相同类型的图标。
  · 应用图标是产品品牌的重要组成部分。要将图标的设计看做是向用户讲述产品故事并与他们建立情感关联的重要机遇。
  · 最好的应用图标都是独特、简洁和吸引人的。
  · 应用图标在不同的尺寸规格下都应该表现良好,并且能够适应各种背景。另外需要注意的是,某些在大尺寸图标中可以增强视觉效果的元素,一旦缩小,有可能会使小号图标看上去非常脏乱。
  · 使用自然的轮廓和形状,看起来几何化和有机化,Icon高度简化,采用正视角,无光源变化

图标设计尺寸

    尺寸.jpg

D=18px   适用于辅助提示;
D=50px   适用于菜单图标;
D=80px    适用于应用图标;
D=100px   适用于醒目提示;
D=120px   适用于设置提示;
需要提供以上尺寸的图标。

图标设计规范
    错误范例.jpg

  · 图标没有任何阴影样式(图片参考图1)
  · 中心主要元素必须居中,图标显示均匀(图片参考图2)
  · 图标为正视图,无透视关系(图片参考图3)
  · 状态图标配色要一致,颜色不能相互交叉(图片参考图4、图5)
  · 图标不能被拉伸/压缩出现模糊或中心元素不均匀现象(图片参考6)
  · 图标不能与原图差异较大,难以认出
  · 完美图标必须以该应用Icon的最新版本进行绘制

颜色

字体颜色

Ceyes桌面大多数使用白色文字,并根据内容文字的重要等级用以下标准色来显示,参考使用如下颜色。

    字体颜色.png

图标颜色

    色值.png

字体

示文本时,默认使用Droid Sans Fallback(首选),在智能眼镜上建议使用的字号为18px、24px、30px、36px。在设计时,也可以选择适合你品牌形象的字体和字号。
首选字体 – Droid Sans Fallback,此字体显示预览为:

    字体.png




haohao 管理员 发表于 2014-10-11 15:47:14 | 显示全部楼层

我准备弄一个汇总 来一起介绍下这个
使用道具 举报
回复

炎焱就是火 眼镜官方 发表于 2014-11-20 16:42:05 | 显示全部楼层

haohao 发表于 2014-10-11 15:47
我准备弄一个汇总 来一起介绍下这个

恩,到时我把资料都给你
使用道具 举报
回复

我心悠悠 社区版主 发表于 2014-11-20 17:13:51 | 显示全部楼层

支持一下
使用道具 举报
回复

亂步 社区版主 发表于 2014-11-20 18:18:14 | 显示全部楼层

支持一下
使用道具 举报
回复

qiseyc 社区版主 发表于 2014-11-20 18:26:07 | 显示全部楼层

支持一下!{:soso_e100:}
使用道具 举报
回复

glzjin 布艺凳(Lv2) 发表于 2015-8-6 10:58:09 来自手机 | 显示全部楼层

mark。。。。
使用道具 举报
回复

hycrc888 布艺凳(Lv2) 发表于 2015-9-16 18:04:53 | 显示全部楼层


支持啊,看谁第一个
使用道具 举报
回复

Nqq21716 木艺凳(Lv1) 发表于 2015-11-2 11:40:00 | 显示全部楼层

Mark !  Attention
使用道具 举报
回复

AirMax 皮艺凳(Lv5) 发表于 2015-11-19 12:22:25 | 显示全部楼层

很棒的解说啊
使用道具 举报
回复
您需要登录后才可以回帖 登录 | 立即注册