4个方法帮你零基础快速完成AppleWatch的项目
9月21日 相思宫投稿 这会可以不用慌张,我们先给自己一天或者半天时间去了解它,最快捷的办法是开动大家的脑洞,然后再用自己的脑洞想办法,三个臭皮匠顶一个诸葛亮,联系你认识的设计群体人脉,询问做过类似项目的设计师,最后总会有惊喜的收获。记得罗胖讲过,在这个时代,我们应该善于运用我的网状关系链,我就是从朋友那里在短短的一个小时之内了解了手表项目的大概(虽然人家并不是做的苹果手表),他大致陈述了一下手表的特性还给我几个手表相关的网站进行浏览。给我的网站可以推荐给你们,这里当然包括苹果官网,你可以在苹果官网上看到成熟的上线产品的模样,另外一个网站相对概念,可以参考一些简单的操作动效。
http:www。apple。comWatchapps
http:watchaware。comwatchapps
面对一个不熟悉的产品产品我们可以从产品的规范还有简单了解它的交互结构开始。
1、规范
尺寸:苹果手表的设计尺寸分为两个,分别是38mm:272340和42mm:312390像素。
字体:苹果手表用的是默认的洛杉矶字体。
字体用色技巧:用鲜亮的颜色,辅助的灰色文字不能太暗,要不会看不清。
首先是找到苹果手表的规范图,这个图看似很难懂,但是没有关系,在实际操作遇到了问题以后,这些规范图的解读就迎刃而解了。不明白的时候可以多问前端这些图是怎么解读的。
不同的设备都是有不同的属性,比如网页端还有手机端就会有不同的限制性,手表的规范限制性很多,比如它在某些页面是分块组合的,所以不能用一张完整的背景图给它做背景填充,以下是我一开始做的设计初稿,我做了一个圆形的进度条但前端却告诉我不能实现,原因是进度条太大了,再参考上面的规范图,原来我的进度条只能放在标红色的区域内设计,所以进度条要做得很小,但是这样的话,进度条里面的关于飞机的到达时间之类的文字信息就没地方放了,所以我们可以针对这个问题来解读上面的规范。
以下是上图适用的规范结构因为规范的限制,像设计师钟爱的这类能高表现的进度条样式可能就要放弃了,具体情况还是根据不同产品的内容特性来定,苹果手表能常见进度条样式的主要还是出现在运动类,健康类APP为主。
白色为文字区块,红色区域可以放图片类的素材,基本分为上下结构,设计的时候找到适合你设计的结构图按照规范设计就可以了。
以下图片要注意的地方是右上角红色的区域块,文字不管如何的排版,你都要给这个区域块留位置,这是一个固定放loading的地方,文字可以空出这个区域的高度,也可以在末尾端留出一定的位置。
下图是我针对上图做的效果图,我直接空了红色区域的高度来迎合。
作为苹果手表的特性,我们尽量少用色块或者图片来局限你的界面大小,因为手表除了固定的设计大小以外,它的外部还包含着黑色,只要不运用局限性块面来局限它,这些外部的黑色背景就自然而然的融入到你的画面当中,这样看起来你的界面会显得更延展更大气
再次强调苹果手表是黑色背景,在用色技巧这块,大多数APP会运用高饱和鲜亮的颜色,这样不仅仅视觉上好看,并且用户在远距离的情况下也能看清楚屏幕上的内容,以下是部分APP的视觉截图
2、简单的交互动作
iPhoneWatch主要分为三大板块,分别是APP,notification,glance。
APP:就是我们手机端的首页,它可以通过手表的首页图标点击进入,也可以通过notification点击进入。
notification:是一种提醒功能,比如我的飞机过几天要起飞了,它会出现在notification里面,并且各个APP的提醒是平行的,向左滑动可以浏览到所有重要的提醒。
glance:它算是一种紧急的推送,如我的飞机还有一个小时就起飞了,它会弹出在页面,点击它就能看见内容详情。
3、如何和前端高效合作
由于iPhoneWatch的界面较少,因为它的主要功能还是作为提醒的作用,它的页面不会像手机端出现那么多界面。所以提供给大家一个个人觉得非常高效的开发手段,等前端把所有结构都做出来进入视觉调整的时候,你可以花一到两个晚上陪他加班进行视觉调整和适配,要是你还是个可爱颜值高的妹子这个事情会更加顺利,你可以在前端身边运用你的像素眼来目测调节内容的排布,这样比前端按你的标注来做要高效几倍,毕竟能省去他发给你有差距的图,你来回和他沟通的时间。一气呵成,前端也会非常乐意。
适配的技巧还是先调整小界面再适配大界面。要是有时间的话,单独开发尺寸比适配尺寸做出来要更精细一些,但是会加大开发的工作量
4、全局思考
设计前最好把交互稿牢记于心,对全局有个把控性,优先做几个重要的界面进行风格设定,然后再进行颜色,字体,控件的整体统一,建议设计的过程中自己整理一下交互稿,可以画一个流程图。这样可以避免风格不统一的问题出现
投诉 评论 交互译文清晰度,可读性和可理解性:让用户阅读你的文章前言只有当你的文字是清楚可见的,语句是简洁规范的,信息是明确易懂的情况下,用户才会阅读你的网页。如果说一个网站的视觉设计关注的是它“看上去”怎样的话,那么……
扁平化设计的8个实用小技巧材料设计方兴未艾,扁平化仍是主流设计风格。今天正越升同学总结了扁平化设计的8个小技巧,字体、图标、排版、配色等都有提及,教程深入浅出,非常适合新手,学会可以直接拿来作……
订单流程研究之提交订单在上一篇笔者有提到,平台不一定都提供货到付款服务,因此京东、唯品会和亚马逊在提交订单时需要选择支付方式,而淘宝天猫则是在提交订单之后才需要选择支付方式。提交订单之后,每种类型的……
用户体验三重门:不仅仅是你看到的界面细节第一重门:用户体验不仅仅是你看到的界面细节用户体验是什么?什么是用户体验?漂亮的UI细节?炫酷的加载动画?这些只是它的一些部分外显特征罢了,不能一叶障目,因为这样很……
4个方法帮你零基础快速完成AppleWatch的项目这会可以不用慌张,我们先给自己一天或者半天时间去了解它,最快捷的办法是开动大家的脑洞,然后再用自己的脑洞想办法,三个臭皮匠顶一个诸葛亮,联系你认识的设计群体人脉,询问做过类似项……
通知邮件,潜移默化地影响着用户体验在打造一个产品的过程中,创业公司往往会把绝大多数的财力和精力用在开发应用或者搭建网站上,很少投入到给用户发的提醒邮件上。但是,提醒邮件是产品的不可或缺一部分。从用户注册并……
UI设计师工作必备的七个设计神器今天推荐的这7个神器,有经典款也有新人版,不过大致贯穿了UI设计的整个工作流程,从排版、配色、切图到标注、预览,都有对应的良心神器推荐,非常适合刚入门的UI设计师,当然,有两款……
当我们在讨论用户至上的时候,我们在讨论什么?做互联网的,每天说得最多的一句就是用户至上,用户体验一定要爽。但是到底有多少人真正懂得用户体验是什么东西?以我工作中的观察,并不见得有多少,更为常见的是下面三种情况:流于……
3种基本方法,引导用户正确操作作为一名产品经理,当人们使用你的产品的时候,需要尽可能避免他们犯错误。我们应该留心用户可能犯错误的地方,在合适的地方给他们一个温和的推动,以确保一切都能正常进行。(不要让用户认……
引导性交互界面怎么设计才能直观有效?在任务流程较为复杂的时候,用户容易迷失在流程中,从而放弃任务,导致转化率不尽人意。所以我们在交互界面上需要引导用户。人机交互中不论是文字、图像、色彩、动态效果等,主要是通过视觉……
Google移动APP体验准则优化用户体验并提升转化率我们以往的APP主要是侧重信息消费类和工具类,对服务流程和转化率的关注相对较少,而随着公司从“连接人与信息”向“连接人与服务“转变,我们需要更好的去研究服务体验并优化服务体验的……
移动端文字与排版设计的六个原则在印刷与桌面端Web的传统领域我们有很成熟的文字排版经验,在移动时代,这些经验很多依然有效,但因显示设备与使用环境发生了变化,也给带来了不少变化在印刷与桌面端Web这些传……
实习僧产品体验报告:以用户为中心设计产品招聘app有很多,作者认为实习僧是最合适大学生找实习的平台,以下是他对这款产品的体验报告。今年四月份,开始通过各种途径寻找实习机会,比如关注实习招聘公众号、浏览学校的校招……
听见你的声音:主流音乐APP竞品分析产品分析新手,本篇主要以各音乐APP的功能亮点为切入点,利用SWOT分析方法对产品进行评估,内容及想法若有不当之处,还望各位前辈不吝赐教,感恩一、从一个故事开始,解读各大……
手机淘宝产品分析报告手机淘宝是成交金额最大,下载量最多的电商类软件。它的功能聚合使其能够被不同层次的用户所接受,不管是一线城市还是经济欠发达地区,都有着手机淘宝的忠实用户。本文为手机淘宝的产品体验……
知乎产品分析报告知乎作为一个大型的中文问答社区,其中有各行各业的人员。他们在此分享自己的知识,经验与见解。值得一提的是,知乎还是很多有志于进入产品领域工作的小白了解产品经理的第一站,本文为知乎……
三重山面前,咪咕阅读如何巩固城池?渗透率在行业内排行老三的咪咕阅读,与QQ阅读和掌阅的差距都很远,而腰部平台又竞争激烈。在这些困难面前,咪咕阅读如何巩固城池?中国音像与数字出版协会,近日在2018中国数字……
藏书馆APP产品分析报告本文以一个产品新人的角度,从产品概述、用户分析、核心模块、竞品分析、用户反馈五个维度,对藏书馆(iOSV4。2。1)进行浅析。希望各位大佬们多多批评。一、体验环境机……
这3种第三方证券类APP,如何满足用户“赚钱”需求投顾类产品是建立信任度和更好的心理按摩,社区类产品需要尽可能多的话题性,而量化工具的核心就是易用性和准确度。根据中证登公布的数据:最新股民数有13863万,预计其中……
揭秘:微信读书是如何让人上瘾的?本文作者利用《上瘾:让用户养成使用习惯的四大产品逻辑》书中的知识对微信读书进行分析,一方面是了解微信读书到底做了什么,让自己如此上瘾;另一方面是通过案例分析将上瘾模式在脑海中加……
拼多多产品分析报告拼多多是最近崛起势头最为猛烈的电商类别产品。由七麦数据可知,目前拼多多在中国AppStore应用总榜中排第二位,仅次于抖音。在安卓的各大榜单中也都有拼多多的身影,与此同时,网络……
从产品逻辑及运营角度,拆解一下小红书小红书在电商领域能够杀出重围,在电子商务产品中排名第九,这与其良好的社交电商的模式分不开,本文作者从产品设计逻辑及运营推广模式对其进行了分析。分析背景当今,在淘宝、……
以贴吧和头条为例,为什么产品都有极速版和标准版当用户需要从应用市场上下载一款软件的时候,往往可以发现不止一个版本。没有任何标志的为标准版本,而除此之外往往还有一个极速版本。此外不少软件还有HD版本以及福利版本等多个不……
我用了2年百度输入法,最终还是选择了搜狗本文作者主要讲述,为什么会在AppStore上百度输入法下载量高出搜狗输入法近乎2万的情况下,选择搜狗输入法,并且在此之前已经使用了两年多的百度输入法。作为一个苹果手机用……