智能手表UI界面设计

您所在的位置:网站首页 bogaki1882手表 智能手表UI界面设计

智能手表UI界面设计

2024-07-17 01:21:59| 来源: 网络整理| 查看: 265

智能手表UI界面设计 — 圆 9月 29, 2014 发表于: 网页设计 & 灵感. 评论 Sponsor

无论是国外还是国外,很多厂商都开始了智能手表的生产,然而这些智能手表设计对UI设计师来说是一次非常新鲜的体验,如果这方面设计有兴趣的同学可以看看本文,进一步了解智能手表的交互及设计。

title2

圆在日常生活中比比皆是,从Logo到井盖,从菜式摆盘到风水罗盘,再到手表表盘,处处体现了因循圆形形态的信息排布艺术。可是在以方形为主的界面世界,圆形却因制作工艺、信息展示习惯等原因一直很难跻身其中。

智能手表UI界面设计 — 圆

安卓近期的开发包里,目标调试设备中新增了一个有趣的选项:

智能手表UI界面设计 — 圆

Android Wear Round,圆形界面的可穿戴设备,它与Nexus手机、安卓TV等一道成为安卓展示界面的一员。在安卓最新的可穿戴设备设计规范里,也于Style部分提出应当同时考虑不同设备的尺寸和形状。

智能手表UI界面设计 — 圆

那么圆是否会在可穿戴设备尤其是智能手表的浪潮里找回在界面世界的一席之地呢?

安卓智能手表–Moto360

Moto360是安卓本家的智能手表,分方形和圆形两种,忠实体现了安卓对可穿戴设备的设计规范。相对方形,圆形的手表表盘应该是更符合人传统上对手表的认知。

首先通过两个视频了解一下Moto360的使用场景和运行界面:

 

 

 

从现有的官方天气、导航、搜索等app中可以看出:

1、展示信息以卡片为主;

2、 界面切换以手势为主;

3、 输入以语音为主。

尽管现有的官方app都在努力兼容方形和圆形,以至于在界面上没能为圆形做针对性设计,还是有很多设计师为圆形思考,创作了有信服力的Moto360 app概念设计:

表盘:(droid-life , Moto 360 Design Face-Off)

智能手表UI界面设计 — 圆

 

智能手表UI界面设计 — 圆

 

天气:(Kreativa Studio,Sundial,Unity)

智能手表UI界面设计 — 圆

智能手表UI界面设计 — 圆

 

拨号盘和计步器:(Rekola,Fitbit)

智能手表UI界面设计 — 圆

 

音乐:(Ruijters,Soundcloud)

智能手表UI界面设计 — 圆

 

列车时刻:(Halaska)

智能手表UI界面设计 — 圆

 

提醒:(Ramotion)

智能手表UI界面设计 — 圆

 

聊天:(Galubinski)

智能手表UI界面设计 — 圆

 

Facebook:(Galubinski)

智能手表UI界面设计 — 圆

 

iOS智能手表 – iWatch的概念们

借着各种苹果的iWatch的传言,设计师们展开遐想空间,一大批yy出的demo随之而来。它们有的基于创新的外观造型,基于iOS已有的专利推论,有的改造原有的iPhone界面,有的配合表盘周围的硬件按钮。这里撷取其中几个圆形界面的例子。

较奇特的一款来自Lamm的界面设计源自2010年苹果对iTunes Music的螺旋UI界面的专利,将图标排列在螺旋曲线上,根据手指在表面上的转动让图标依序放缩。

智能手表UI界面设计 — 圆

 

Ramachandran的设计酷似iOS系统在手表上的版本,这一设计很大程度上可兼容方形界面。

智能手表UI界面设计 — 圆

 

Pinal在iOS7的风格基础上将常用的时间、天气、电话等主要功能及入口左右呼应地安排在首页,更多功能隐藏在下方拉出的浮层里,具体程序则精简到只占用左侧屏幕。

智能手表UI界面设计 — 圆

 

Olmstead也发展了iOS7的风格,使用了苹果花2100万美元从瑞士联邦铁路买到使用权的钟表表盘,表身两侧的硬件按钮可以根据程序自身需要编程,如快速拍照等。

智能手表UI界面设计 — 圆

 

Evgeniy将更简洁扁平的“iOS8”放到iWatch上,给出主屏、音乐、电话和天气4个界面的设计。

智能手表UI界面设计 — 圆

其他智能手表概念

在安卓和iOS两个已有的移动操作系统的框架外,还有一些demo会更考究设计的载体和情怀。

Balogh热衷于传统手表,尝试将智能的科技成份与传统表元素揉合,保留传统价值和质感的同时在表盘中心提供可与手机联动的功能。

智能手表UI界面设计 — 圆

 

无独有偶,Catalkaya为Swatch设计的该款智能手表也有颇多传统手表的影子。

智能手表UI界面设计 — 圆

小结

以上智能手表圆形界面的例子区别于方形,可以总结出以下两个特点:

1、针对圆形安排界面元素

圆形独有的弧形、环形、扇形、螺旋形等形状可以作为界面元素的排布框架,让界面有天然的结构向心力,使界面较千篇一律的方形产生不拘一格的效果。

2、针对圆形设计手势操作

智能手表上手指的操作几乎均为单手操作,这些操作集中在小面积的表盘区域,可将操作与圆形界面结构配合,如音乐类app中圆形的播放进度,可用转动手势配合。

其他

除了可穿戴设备,在其他智能设备、导览、手机显示屏等领域也一直有圆形界面的尝试,三个例子分别是:NEST智能恒温器、2011年设计的导览系统Kompass 和 今年刚发布的LG G3手机搭配Quick Circle Case。

智能手表UI界面设计 — 圆

原文:腾讯ISUX (http://isux.tencent.com/circle-ui-design-smartwatch.html)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com 交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。 赞助商链接 与 UI设计 相关的文章 获1000赞的优秀UI设计作品集,真的不错 获1000赞的优秀UI设计作品集,真的不错 APP界面的设计被改16次,看完收获满满! APP界面的设计被改16次,看完收获满满! 学习游戏UI,你需要知道的这些 学习游戏UI,你需要知道的这些 你真的会设计按钮吗,谈谈按钮组件隐藏的细节和秘密 你真的会设计按钮吗,谈谈按钮组件隐藏的细节和秘密 为什么4点网格系统比8点网格系统更好用? 为什么4点网格系统比8点网格系统更好用? 复杂的UI列表设计,大神如何做简化? 复杂的UI列表设计,大神如何做简化? 赞助商链接 设计达人微信交流社区:shejidaren888 喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。 版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。 « 充满梦幻色彩的摄影图像 by Shae de Tar 响应式Lightbox灯箱插件—Strip » { 发表评论 } 点击这里取消回复。 推荐书籍 艺术的故事艺术与审美入门之书 DON'T MAKE ME THINK设计师必看 《移动应用UI设计模式》手机APP设计 《设计心理学 全四册》高阶技能! JavaScript权威指南(第5版)只能说牛X 《见微知著》Web用户体验入门书籍 最新文章 PlayGround AI 入门级AI绘画工具 如何用axure做搜索功能交互的下拉框 喜茶海报设计运用的8个实用排版技巧 DIY设计师的在线素材库主页 (还支持情绪板,色卡,OCR识别,项目分享) Guy Billout​ 超现实主义作品 如何结合ChatGPT和Midjourney使用(用AI进行创作案例分享) 大神推荐 素材管理笔记! PS/C4D/版式教程 设计导航 100本设计书籍PDF 原型设计神器 视频/配乐素材库 标签AI教程 banner CSS3 dribbble illustrator教程 javascript jQuery logo Mockup photoshop photoshop教程 UE UI UI KIT UI素材 UI设计 UX 中文字体 创意 创意设计 图标 字体 字体设计 工具 平面设计 排版 插画 摄影 海报 海报设计 海报设计教程 版式设计 用户体验 笔刷 纹理 网页素材 网页设计 色彩搭配 色彩理论 英文字体 设计师 设计理论 设计趋势 设计风格 配色 赞助商


【本文地址】

公司简介

联系我们

今日新闻


点击排行

实验室常用的仪器、试剂和
说到实验室常用到的东西,主要就分为仪器、试剂和耗
不用再找了,全球10大实验
01、赛默飞世尔科技(热电)Thermo Fisher Scientif
三代水柜的量产巅峰T-72坦
作者:寞寒最近,西边闹腾挺大,本来小寞以为忙完这
通风柜跟实验室通风系统有
说到通风柜跟实验室通风,不少人都纠结二者到底是不
集消毒杀菌、烘干收纳为一
厨房是家里细菌较多的地方,潮湿的环境、没有完全密
实验室设备之全钢实验台如
全钢实验台是实验室家具中较为重要的家具之一,很多

推荐新闻


图片新闻

实验室药品柜的特性有哪些
实验室药品柜是实验室家具的重要组成部分之一,主要
小学科学实验中有哪些教学
计算机 计算器 一般 打孔器 打气筒 仪器车 显微镜
实验室各种仪器原理动图讲
1.紫外分光光谱UV分析原理:吸收紫外光能量,引起分
高中化学常见仪器及实验装
1、可加热仪器:2、计量仪器:(1)仪器A的名称:量
微生物操作主要设备和器具
今天盘点一下微生物操作主要设备和器具,别嫌我啰嗦
浅谈通风柜使用基本常识
 众所周知,通风柜功能中最主要的就是排气功能。在

专题文章

    CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭