首页

Cs界面设计之一:做交互选B端还是C端?来看这篇亲历分析!

博博

前些日子,笔者在知乎上被邀回答该问题,忽然想起了自己在面试设计师的时候,会问他们:“B 端和 C 端的设计有哪些区别?”由此可以发现,B 端和 C 端的比较,从来就是一个热议的话题,不曾停歇,未来也不会停歇。今天,笔者就“做交互选 B 端还是 C 端”,谈谈自己的看法。


交互设计是什么


百度百科定义:交互设计(英文 Interaction Design,缩写 IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和“用户体验”两个层面上进行分析,关注以人为本的用户需求 。

国际交互设计协会(IXDA)定义:交互设计师以创造有用且实用的产品及服务为宗旨。以用户为中心作为设计的基本原理,交互设计的实际操作必须建立在对实际用户的了解之上:包括他们的目标、任务、体验、需求等等。以用户为中心的角度出发,同时努力平衡用户需求、商业发展目标和科技发展水平之间的关系,交互设计师为复杂的设计挑战提供解决方法,同时定义和发展新的交互产品和服务。

由上可见,交互设计的关键条目为:创造和建立人与产品及服务之间有意义的关系,创造有用且实用的产品及服务,以用户的目标、任务、体验、需求为基础,平衡用户需求、商业发展目标和科技发展水平之间的关系。

由于 B 端和 C 端,交互设计核心是设计基于 PC、移动端的用户界面,解决人机交互的问题,因此,可以说,交互设计是设计师在了解产品战略,目标用户目的、任务、体验、需求,及了解设备和技术相关信息的基础上,创造有用且实用的产品,若有可能,定义与发展新的交互模式。

据上,笔者回忆平日的交互设计工作,在拿到需求后,主要分为如下:

  • 了解产品目标、业务流程,分辨真伪需求,运用 KANO 模型给需求排序,便于进行界面呈现;
  • 了解用户需求,考虑如何设计可以符合用户心智模型;
  • 了解技术边界,在技术可行性范围内,进行体验创新与突破;
  • 了解项目周期与商业需求,在该目标下,给出合适的交互方案。

交互设计是串联产品战略、用户体验、技术可行性的关键节点。它的核心任务是挖掘符合用户需求、商业发展目标和科技发展水平的用户体验。


B 端与 C 端产品设计上的共同点与差异点


在分析 B 端与 C 端产品设计上的共同点与差异点前,我们有必要先了解下什么是 B 端,什么是 C 端。B 端产品是为企业提供服务、解决企业痛点的产品,例如财务系统、项目管理系统,B 端产品的决策者是老板,使用者是员工。C 端产品是解决用户在生活中的需求和痛点的产品,例如饿了么(外卖)、马蜂窝(旅游)、淘宝(网购),C 端产品的决策者和使用者都是用户自身。

1. 共同点:

对于 B 端与 C 端产品来说,其整体设计与研发链路是一致的。以用户体验五要素模型来说,都需要经过战略层、范围层、结构层、框架层、表现层(由抽象到具象,由底层到顶层)。交互设计师涉及到的工作范围在范围层、结构层和框架层,核心的工作范围在结构层和框架层。

2. 差异点:

B 端和 C 端由于业务不同、服务的目标用户群体不同,在产品设计的思维上会有差异。

B 端注重决策者思维,C 端注重纯用户思维

对于 B 端产品来说,其付费用户是企业的决策者,因此 B 端产品在设计上不仅要考虑如何让用户(即企业员工)用的满意,还要考虑决策者的付费思维。C 端则不同,C 端的使用者与决策者身份是同一人,皆为芸芸众生,因此 C 端产品设计上主要考虑用户的感受。C 端产品同质化严重,且用户的替换成本很低,C 端产品更需要使用各种吸引用户的方法来留住用户。

B 端注重效率,C 端注重粘性

在产品设计初衷上,B 端希望用户通过使用产品,能快速完成任务,而不是在产品上花费过长的时间。但对于 C 端产品来说,C 端很希望用户能经常打开它们的产品,在产品上多花费时间,因此 C 端的会有用户活跃度的指标,而 B 端一般没有。

B 端注重稳定,C 端注重多样性

在用户体验上,B 端不会经常出奇招,而是追求稳为主,通常具有行业性质的软件会形成一定的行业特性。当然这也给 B 端交互设计师带去了一定的困扰,交互的发挥余地不大,交互设计师的价值体验不出来。C 端在用户体验上实际是引领设计界的,高德、淘宝、饿了么等用户量较高的 APP,不断将用户体验做到极致,探索和突破用户体验的边界,给用户带去多样性的体验感受,也在不断刷新用户的心智模型。

B 端注重素静,C 端注重个性

在用户界面视觉上,B 端以素静为主,原因在于,B 端是为企业员工服务的,员工需要通过软件快速完成任务。素静的界面没有过多无用的元素干扰,任何色彩和布局的使用,都是为了协助用户快速完成任务服务的。在 B 端界面设计上,格式塔原理、排版原则、W3C 原则是设计师更为看重的。而对于 C 端产品来说,面向的用户是具有个性化的个体,想要吸引住不同性格不同爱好的用户,就需要在界面设计上花费力气。


做交互选 B 端还是 C 端


从交互设计本质、B 端 C 端的差异点等方面我们可以知道,作为一名交互设计师,不论服务于哪个领域,工作职责是一致的,即“挖掘符合用户需求、商业发展目标和科技发展水平的用户体验。同时定义和发展新的交互产品和服务。”

但由于 B 端和 C 端业务属性和目标用户的不同,交互设计师在这两个领域的工作也会有差别。服务 B 端的交互设计师更像带着脚镣在跳舞,某种交互形式可能是合理的,但不符合行业特质或用户习惯也会被放弃掉。做过 B 端交互的小伙伴有一句话应该经常从产品经理的口中听到:“我知道这个交互不错,但原来的交互已经成为用户习惯了,我们不要随意更改,有风险。”而 C 端的交互设计师是光着脚在跳舞,谁更相对自由,是显而易见的。C 端的交互设计师重新定义某种交互方式的空间会大。所以有很多交互设计师,会更加倾向于服务 C 端的产品。

但是笔者认为,想要成为一名优秀的交互设计师,都最终会在制约下,发挥其价值,而这种价值会更经得起时间的洗礼和推敲。优秀的 B 端和 C 端交互设计师,都是行业不可获缺的人才。如果没有特殊倾向,笔者认为选 B 和选 C 是一样的,在一个纵深领域带着思考去沉淀,在哪里都会开花。

笔者服务于 B 端,笔者想对 B 端交互设计师说,我们大部分人看到了冰山上的 B 端,但没有看到冰山下的 B 端,冰山下的 B 端是一片未曾开发的处女地,它的价值无限大。B 端的交互设计师们,你们准备好探索和突破了么,未来 B 端的体验是你们定义的。

作者:小果

转载请注明:优设网

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

魏华的微信.png

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

















Cs界面设计之二:如何区别B端与C端的产品设计差异?我总结了26条对比!

博博

随着企业数字化转型,B 端产品越来越受到人们的重视,B 端产品也越来越丰富,越来越多的 C 端设计师转行到 B 端产品的设计上来。

如何区别B端与C端的产品设计差异?我总结了26条对比!

但是,如何区别 C 端产品与 B 端产品,如何将 C 端产品的设计经验应用到 B 端产品上?这是一个需要思考与研究的问题。

从各个纬度来讲,C 端产品与 B 端产品具有一些明显的差别。接下来,我们就从区别 B 端与 C 端产品的 26 条上,来对比一下二者的差异。

Let’s gooooooo……

如何区别B端与C端的产品设计差异?我总结了26条对比!


基础


1. 定义

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:为企业客户提供商业价值的产品及服务。

C 端产品:满足个体用户需求的产品与服务。

2. 获取途径

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:公司领导层决策,普通员工使用,需要销售推广,通常将线下“大型会议、峰会、行业展会”作为主要场地,让客户近距离了解产品,树立专业的行业形象与行业口碑,进而吸引企业客户的兴趣(如作者之前所在的安防企业,就会频繁的参加展会,展示自己的专业能力)。

C 端产品:个人主观意愿下载使用,需要利用拉新、促活等营销方式,实现不断的新增、日活来加持自身体量。

3. 产品形态

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:SaaS 平台、客户端,多为 PC 端产品。

C 端产品:APP、小程序多为 Mobile 端产品。

3. 功能聚焦

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:具有多功能模块及多角色之间的协作。

C 端产品:以核心功能点为主,以及围绕核心功能点,完善用户体验及增值服务。

4. 所属类型

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:产业互联网。

产业互联网是基于互联网技术和生态,对各个垂直产业的产业链和内部的价值链进行重塑和改造,从而形成的互联网生态和形态。(百度百科)

C 端产品:消费互联网。

消费互联网是以个人为用户,以日常生活为应用场景的应用形式,满足消费者在互联网中的消费需求而生的互联网类型。(百度百科)

5. 生态属性

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:相伴共生,产业互联网每一个行业的结构、模式各不相同,必须通过整个产业链上的企业产生降本效应、提高效率,形成资源优化配置,产生 1+1>2 的效益。

C 端产品:赢家通吃,比如通过烧钱取得规模优势、利用人性的心理弱点去进行各种产品、用户数据的采集,没有底线、互联网杀熟等行为。


产品维度


1. 产品本质

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:本质是“进”,是帮用户(客户),节约时间,降低成本,增加收益。

C 端产品:本质是“出”,需要用户消费时间与金钱,满足个人的情感和生理需求。

2. 商业模式

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:企业按需定制付费较多、个人付费较少。

C 端产品:用户流量和资源的变现实现营收,例如:广告、导流、增值服务。

3. 开发周期

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:由于产品更新迭代有较大的成本,因此,开发周期相对长,按月或年,大版本迭代。

C 端产品:周期相对短,按周或月,小版本快速迭代。

4. 生命周期

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:由产业链以及商业模式决定,生命周期往往较长。

C 端产品:一般产品的保鲜期比较短,生命周期较短。

5. 产品关注点

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:专注业务及行业化的解决方案。

C 端产品:专注对人性的满足。

6. 产品需求来源

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:来源公司战略或业务线调整,甚至客户预期。

C 端产品:产品经理的市场洞察力和敏锐度,主动发现。

7. 产品思维

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:往往以工具化思维服务行业客户,更理性。

C 端产品:往往以游戏化思维增强用户的体验,满足用户,更感性。

8. 行业壁垒

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:由于业务、场景属性,容易建立行业壁垒,客户的切换成本比较大。

C 端产品:行业壁垒比较难以建立,往往以体量优势及价格优势挤压对手,同时,同时用户的切换成本较低。


用户维度


1. 用户类型

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:用户通常是一个团体或组织,用户的社会属性比较明显。

C 端产品:目标用户通常是具有某些特质的人群,具有明显的自然属性,且没有组织架构。

2. 用户体量

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:作为工具属性的产品,用户体量比较小,甚至有些定制化产品的用户只有几人。

C 端产品:相对而言,用户体量较大或非常大,才可以形成规模效应,进行流量变现。

3. 使用时机

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:往往仅工作日工作时间使用,用户在节假日,非必要不使用。

C 端产品:用户会在任意时间。

4. 使用时长

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:相对固定,且希望越短越好。

C 端产品:弹性较大,且希望越长越好。

5. 使用意愿

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:根据公司决策进行采购,用户被动使用,且没有太大的决定权。

C 端产品:根据自己的需求主动选择使用。

6. 使用场景

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:场景固定,多为办公室。

C 端产品:场景不定,用户可以在办公室、卧室、厕所、地铁上等多种场所使用,姿势可能是坐着、躺着、蹲着、斜靠着等等。

7. 用户粘性图片

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:由于用户的被动使用限制,用户对产品的可选性不高。因此,为了工作需要,用户粘性相对高。

C 端产品:用户可以根据自己的喜好,随时随地改变自己的选择,用户粘性相对低。

8. 用户容忍度

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:用户容忍度大,不好用也要用。

C 端产品:用户容忍度小,不爽就换。


设计维度


1. 设计侧重

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:关注业务功能和使用场景。

C 端产品:关注用户体验及感受。

2. 视觉风格

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:界面简洁、布局清晰,追求信息的有效表达和操作的便捷性。

C 端产品:风格多变,强调产品的视觉冲击力。

3. 情感体验

如何区别B端与C端的产品设计差异?我总结了26条对比!

B 端产品:强调免打扰、高效,多关注业务解决方案本身的顺畅。

C 端产品:强调产品的趣味性,处处考虑用户的情感体验。


总结


明确 B 端产品与 C 端产品的区别,有利于设计师在设计过程中的设计经验转换。在设计过程中,做到有的放矢,而不是一味的生搬硬套,用解决 C 端产品的方法与思路,去解决 B 端产品的问题,从而让 B 端产品的解决方案更加贴近业务与场景。

作者:弘毅

转载请注明:优设网

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

魏华的微信.png

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司














Cs界面设计之三:从3个方面,详细分析B端和C端的差异化

博博

众所周知,无论是在用户群体、产品定位,还是使用场景等方面,B 端产品与 C 端产品都有比较明显的差异。但是两者的基本设计理念是趋同的,例如提高效率、降低学习成本等等。

不过 C 端产品更加注重运营,所以设计师不单单要考虑设计侧的用户体验,还要顾及商业目标的达成。B 端产品重点在于提升用户效率,这本身就是体验目标之一,因此 B 端产品的设计策略更加纯粹。

两者在具体的设计表现上还是存在一定的差异性。今天我们就来总结一下,主要包括 3 个方面:

  1. 内容的差异化
  2. 交互形式的差异化
  3. 展现形式的差异化


内容的差异化


1. 图文结合 VS 数据表格

C 端产品重运营,通过流量的转化获得收益。B 端产品重功能,通过功能定制向客户收费。

C 端产品想要达到商业目标,获得充足的流量,必然要内容化。内容想要吸引用户就必须要足够丰富,所以 C 端产品基本是用图说话,而短视频和直播的兴起,进一步增强了对用户不同层次的感官刺激。总之 C 端产品需要让用户看得爽、玩得爽、逛得爽,不知不觉的沉浸在其中,并逐渐产生依赖感。

从3个方面,详细分析B端和C端的差异化

B 端产品聚焦功能,更强调帮助用户解决问题,特别是中后台的管理系统,主要是帮助用户完成数据监控、统计和查询。因此页面中充斥着大量的图表、表格和数据信息。

从3个方面,详细分析B端和C端的差异化

内容的差异也带来了体验方面的差异。图片相对数据或者文字更加直观感性、富有亲和力,更容易引发用户的阅读兴趣,精美的图片更容易引导用户建立对内容的好感。

而 B 端产品则是客观反映数据信息内容,相对更加理性,不会带有太多的情感体验。

2. 个性化与标准化

C 端产品服务于个人,更加注重用户的个性化体验,例如千人千面推荐机制,定制化的兴趣范围设定等等,希望能够通过精准的内容推荐,获得用户、留住用户。

C 端产品功能服务于整体的商业目标,今天主推 A 功能用来拉新,明天可能就强调 B 功能的运营活动。另外版本迭代也比较快,功能玩法变化较为频繁,内容也会做出相应的变化。例如天猫最近首页也在不断变化。

从3个方面,详细分析B端和C端的差异化

B 端产品服务于组织,每个用户不再是单独的个体,而是组织中的角色,更强调业务流程和组织协同,因此需要建立标准化的流程,或者相对有限的个性化。另外复杂和高门槛的业务内容,更加强调设计的一致性,从而减少用户的学习成本。

同时 B 端产品的信息架构、业务流程一旦确定了,不会轻易改变。避免打破用户已经形成的认知和行为习惯,对用户的使用造成不便。


交互形式差异化


C 端更强调便捷性,希望可以随时随地触达用户,更多的是移动端产品。B 端产品以工作办公为主,更多的应用在 PC 领域。因此两者在交互形式上有很大的区别。

1. C 端:全面体验、兼顾商业

C 端产品在保证用户体验的同时,更讲求商业价值。交互体验上我个人觉得主要讲求少操作、短路径、沉浸式。

特别是电商平台,例如淘宝,虽然首页中增加了各种频道入口和商品分类,但是并不希望用户按部就班,逐级操作。因为用户行为路径越长,造成的用户流失也就越大。搜索功能被放置在页面头部位置,页面滚动时也常驻在顶部,方便用户快速查找产品。

同时运营活动会通过弹窗、浮窗、悬浮按钮,前置广告资源位等形式增加曝光,缩短用户的操作路径,实现内容的快速直达。而为了增加内容对用户的吸引力,让用户沉浸其中,淘宝、拼多多等都专门打造了专属频道,主打短视频和图文。

2. B 端:业务为主,效率至上

B 端产品最主要的价值在于优化业务流程,提升用户操作效率。

除了常见的基础交互形式,在细节设计上也越来越 C 端化了。通过监测用户行为,或者信息内容实现智能提醒。例如飞书文档在用户首次使用场景下删除内容时,会主动提示快捷键功能,帮助用户了解学习相关功能。

从3个方面,详细分析B端和C端的差异化

而公众号壹伴插件会检测文章中的关键字,文章中出现“原文链接”时,而用户未进行选项设置时,会主动提示相关信息,避免用户遗忘。

从3个方面,详细分析B端和C端的差异化

另外在 B 端产品中信息架构非常重要,用户主要是依据导航菜单按图索骥,首先定位到功能页面,再次查找相应表格,最终定位自己所需的内容。所以信息层级的优化,可以较好的减少用户的操作成本和记忆成本。


视觉表现的差异化


视觉设计层面,C 端产品的要求远高于 B 端产品。

1. C 端:场景化、丰富性

C 端视觉设计师要求越来越高,基础的设计技能不用说了,动效、C4D 建模都逐渐成为了设计师的必备技能。界面风格也是多种多样,酸性风格、赛博朋克等等,希望能够通过提高界面设计的丰富性,增强页面氛围,保证对用户足够的吸引力,例如大促会场页面的头图设计。

从3个方面,详细分析B端和C端的差异化

2. B 端:简洁化、统一性

作为工具型产品,帮助用户提高工作效率是 B 端产品设计的核心价值。因此 B 端产品中视觉元素强调简洁高效,除了色彩相对丰富的图表外,主体风格基本是灰白色调,再加点主题色点缀基本就可以了,过多的颜色和背景信息反而会影响核心内容的浏览。

从3个方面,详细分析B端和C端的差异化


写在最后


虽然在设计理念上,C 端和 B 端产品具有一定的相似性。但是受到各种因素的影响,有时候 B 端的产品经理对用户体验重视不足,更多强调产品功能的强大,考虑如何实现产品功能,很少考虑用户是否真正的需要此功能,以及在使用过程中的操作体验。

所以 B 端交互设计师需要在业务分析基础上,积极寻找产品设计中的体验突破口,不断提升产品的用户体验。

作者:子牧先生

转载请注明:优设网

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

魏华的微信.png

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
















UI设计、交互设计、UI交互设计的联系和区别是什么?

seo达人


三者关系图:

Image title

从上图来看,似乎UI交互设计还真是UI设计和交互设计的结合。不过具体区别如何,还是让我们来看看三者的对比吧!

 

1. UI交互设计vs UI设计vs交互设计对比之概念

Image title

 

UI设计

UI设计或称界面设计(英文UserInterface Design, 缩写为UID),它是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计主要分为实体UI和虚拟UI两种,互联网行业常见的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。

 

交互设计

交互设计(英文Interaction Design, 缩写IXD),它主要指的是两个或多个个体之间交流和互动方式的设计,以达成某种设计产品的目的。交互设计的目标一般从“可用性”和”用户体验“两个层面出发,以帮助解决用户需求。

 

UI交互设计

其实小编从多方查找资料发现,UI交互设计这个术语是非常模糊的。在小编不断对比整理下,终于得出了它的基本概念。从广义上来说,UI设计是可以包含交互设计的,在这样的情况下。简单来说,把交互设计的理念体现在UI界面上,就是UI交互设计。

从设计重心方面来看,UI设计的重心是色彩和视觉,以界面美观设计为主,主要考虑产品看起来怎么样。而交互设计则是以用户为中心进行人机互动部分的设计,主要考虑产品用起来怎么样。而UI交互设计则需要兼顾UI与交互两个方面进行设计,将交互的理念体现在UI界面上。

 

2. UI交互设计vs UI设计vs交互设计对比之工作人群

Image title

UI设计相关人群:

UI设计师,界面设计师,网页设计师。

 

交互设计相关人群:

UX设计师,交互设计师,UE设计师,产品经理,网页设计师,产品经理。

 

UI交互设计相关人群:

UI设计师,界面设计师,交互设计师,网页设计师,UX设计师,产品经理。

从相关的工作人群来看,不同的设计工作类型,涉及的人群也尽不相同。UI设计的相关人群主要是工作中包涵该部分的人,除了专业的UI设计师,界面设计师,网页设计师等也是它的工作人群。而交互设计涉及的人群更广,交互设计师、UX设计师自然不在话下。另外,需要表达设计想法的产品经理运营人员也是其中一员。最后,UI交互设计所涉及的范围比两者稍广,包含了UI设计人群和大部分交互设计人群。

 

3. UI交互设计vs UI设计vs交互设计对比之例子

UI设计案例:

Image title

如上图所示,UI设计主要在于通过对用户界面的色彩,布局,文字排版等方面进行设计,以保证整体界面的美观。

 

UI交互设计案例:

Image title

小编这边选取了一个简单的UI交互作为案例,这个交互的效果是通过点击UI界面中按钮出现不同的图片。这种将交互体现在UI界面上的设计,就是UI交互设计。UI交互设计包含了各式各样的交互效果,如下列刷新、进度条、图片轮播等,小编就不再一一例举了。

 

交互设计案例:

Image title

而这种以人机互动为目的,注重用户体验的设计则称为交互设计。

从以上的案例不难看出,UI设计主要以界面美观为主,以静态的方式呈现居多(也有以动图动画形进行呈现)。交互方式是静态的。UI交互设计是在UI的基础上进行交互设计,以偏动态的形式存在。交互设计则以用户体验为主,以动态的形式存在。

 

4. UI交互设计vs UI设计vs交互设计对比之工具

UI设计工具:

PS(Photoshop):适用于界面设计,图标设计,手绘等。

AI (Illustration):适合创建徽标、图标、草图、排版和其他矢量图。

Sketch:适合图标、界面设计,支持多文件分层,切片等插件。

Image title

交互设计工具

Axure:老牌原型设计工具,适用于制作中高保真交互原型。

Mockplus:适合创建快速交互原型,简单高效,同时支持团队协作。

摹客:适合一键切图,生成智能标注,生成图层代码,交互演示,设计协作。

Image title

 

UI交互设计工具:

PS,AI,Sketch,Mockplus、摹客原型设计工具。

Image title

从使用的工具来看,UI设计主要以图形、图标、界面设计工具为主;交互设计主要以原型设计,交互设计工具为主;而UI交互设计则囊括了前两者使用的所有工具。

看完本文后,小编相信大家对UI交互设计,UI设计,交互设计三者的关系已经有所了解了。简单来说:UI是为了好看,交互设计是为了好用,UI交互设计就是好看又好用。如果想从事UI交互设计相关的工作,小编建议不妨在了解它们的基本定义后,开始学习一些技能知识,着手开始练习设计。这样可以帮助大家在UI交互设计的路上快速成长!

 

原文地址:慕客

作者:慕客产品协作设计

 转载请注明:学UI网》UI设计、交互设计、UI交互设计的联系和区别是什么?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司




用信息架构,来落地产品架构

纯纯

让信息架构,和产品架构,产生“化学反应”

这个信息架构的角度,具体而言,就是只包含一级频道的交互设计。


核心功能、辅助功能、重大功能,作为产品的三大类功能,更多是从发展的角度来划分。


除此之外,大部分 App 都还有一些非常基础的功能,比如“个人资料”、“我的收藏”、“设置”、“搜索”等,此类功能,我们称其为通用功能。


核心功能、辅助功能、重大功能和通用功能,是产品的四大类功能。


总的来说,本文主要以底部 tab 导航的 App 为例,探讨一下,如何在一级频道来落地产品的四大类功能。



01 宏观上讲,怎样更好的摆放四大类功能?


网易云音乐是我个人很喜欢的一款产品,日常用的也比较多。不过,它的新版(6.0 系列)给我的直观感受是,有点复杂了,我甚至在很长时间里找不到“私人 FM”这个以前常用的功能。


给我类似感受的产品,还有 Keep 和知乎。


究竟是什么,让我觉得,这些产品变得有点复杂了?


个人简单总结了一下,最直接的一个原因,是这些 App 都新增了重大功能,并给这个重大功能单独加了一个一级频道。


比如 Keep 的“计划”频道、知乎的“会员”频道、网易云音乐的“视频”和“云村”频道,都分别占用一个一级频道。



企业为什么这么设计?个人的猜测,这些重大功能于企业而言,很重要,要么肩负商业化使命,要么被寄予厚望,所以企业就单独给了一个一级频道。


这是一个相对简单的逻辑。但如果想要更好的去平衡用户体验和商业化之间的关系,那我们就需要考虑更多的因素。


之前在信息架构那篇文章里,个人的建议是,如果想让 App 始终保持简单,那就只保留 4 个 tab,也即只有 4 个一级频道。


如何将产品的四大类功能、以及未来很大概率会不断出现的重大功能,以接近最优的方式,安置在寸土寸金的 4 个一级频道上?


我想,这中间一定有一些原则,值得我们探讨和参考。


1 和重要程度保持一致


通常而言,重要程度越高,分配到的空间就越多。这是一个比较普世的道理。


也就是说,这条原则,主要会影响到,四大类功能,各自占用多少空间比较合适。


我们有 4 个一级频道,每个一级频道代表了 25% 的空间。


再来看四大类功能,按其大概的重要程度,简单的分析一下。


先说核心功能,这个最重要。


核心功能是立足之本和护城河。先换个角度看这个问题,假设有三种可能,即核心功能可以占用一个、两个或三个一级频道。


先用下排除法。三个一级频道难免显得过多,剩余的三种功能挤在一个一级频道里也会显得过分拥挤;一个一级频道的话,倒也可以,但是平分四分之一的空间很难体现出核心功能的重要性。


相比之下,两个一级频道就显得较为合适。


综合考虑到有四大类功能,通常两个一级频道也不会完全给核心功能所用。


所以,核心功能,大概占用一个半一级频道,也即 40% 左右的空间即可。


再说通用功能,这个比较容易。


此类功能通常比较多,重要程度可能不及重大功能,但是又不能没有,所以通常我们也会单独给一个一级频道,就是“我”或者“设置”之类的一级频道,大概占用 25% 的空间即可。


第三,说下重大功能,这个比较重要。


通常而言,重大功能的重要性仅次于核心功能,而且重大功能可以有多个,再考虑到通用功能一般单独占用一个一级频道。


那么,相对而言,重大功能,完全可以单独占用一个一级频道,甚至更多,大概占用 30% 左右的空间即可。


最后,说下辅助功能,这个比较特殊。


首先,很多产品是没有辅助功能的;其次,辅助功能是个小功能;最后,辅助功能的数量一般也不多。


总的来说,辅助功能是没有必要单独给一个一级频道的。再考虑到 4 个一级频道所剩空间已经不多,所以,辅助功能一般和重大功能共用一个一级频道即可,大概占用 5% 左右的空间。



2 和使用频率保持一致


通常而言,用户用的越多的功能,就排的越靠前。


也就是说,这条原则主要决定四大类功能的排序问题。


具体而言,用户用的最多的是核心功能,所以核心功能最靠前。


重大功能和通用功能,有时候很难说哪个使用频率更高,比如微信里的“搜一搜”和“收藏”。但是比较明确的是,很多 App 在诞生之初,并没有重大功能,只有核心功能和通用功能。


所以自然而然,通用功能排在了核心功能后面。


个人有个猜测,一方面,有时候很难说清重大功能和通用功能,哪个使用频率更高;另一方面,通用功能起初是排在最后的。


所以,当重大功能出现时,就延续了旧传统:通用功能依然排在最后。最终结果就是,重大功能和辅助功能排在中间。


值得一提的是,现在市面上开始出现两类现象。


其一是,有一些拥有 5 个一级频道的 App,开始把核心功能放到中间那个频道,比如 Keep 的“运动”频道。


其二是,企业开始人为的控制打开 App 时默认展示哪一个频道,而且默认显示哪一个频道,存在多种情况,例子依然包括 Keep:以前默认显示中间的“运动”频道,现在默认显示“计划”频道。


个人觉得,对企业而言,这两类做法,都是得不偿失的。


因为这样做,会让 “从左起,1、2、3、4”这个排序失去价值。没有这个前提,也就谈不上“和用户的使用频率保持一致。


而且,这种默认不显示左边第一个频道的做法,有时候会让用户产生一种被绑架的感觉(默认显示收费频道),有时会让用户感觉企业在自作聪明(默认没显示收费频道,但也没显示核心频道)。



3 符合用户预期


主要有两个预期,逻辑预期和习惯预期。


3.1 逻辑预期


用户确实很懒,但不代表用户不会思考。


比如前文提到的,网易云音乐的“私人 FM“功能,在我的认知里面,”私人 FM“和”每日推荐“一样,都是个性化推荐,性质极其相似,应该放在一起。


所以,当我在新版里的“每日推荐”旁边找不到“私人 FM”时,心里就觉得很奇怪很不解,心想这么好的功能不会是给删了吧。


后来某一天,当我在第三个一级频道“我的”里面发现“私人 FM“的时候,我又觉很别扭,不好用。


另外一个例子,Keep 的动作训练。 


在新版里面,一开始我是去“发现”频道的“动作库”找的,怎么找都找不到,跟找不到网易云音乐的“私人 FM“是一样的心情。


因为我觉得,“动作训练”和“动作库”,是很接近的一对事物,从逻辑上来讲,用户会觉得这俩事物挨在一起,或者会猜他们是不是挨在一起。


3.2 习惯预期


这里的用户习惯,主要有两类。一类是自家产品培养出来的,一类是市面上的产品培养出来的。


通常情况,一级频道的设计,是要符合用户习惯的。


最忌讳的情况是,自己一手培养的用户习惯,到最后自己再一手去打破,这样很容易引起用户的烦躁、不满和失望等负面情绪。


比如 3.1 段的两个例子,同样也没有符合用户的习惯预期。因为在最开始,网易云音乐的“每日推荐”和“私人 FM“是挨在一切的,Keep 的“动作训练”和“动作库”也是融合在一起的。


4 良好的扩展性


就一级频道而言,重大功能和通用功能是最有可能扩展出更多子功能的。所以,就扩展性而言,需要重点照顾到这两类功能。


通用功能大部分都收纳在“我”这个一级频道,通常也是一个列表的样式,天然自带良好的扩展性。所以,扩展性的难点和重点,最后是落在了重大功能这里。


在一级频道,重大功能的展现形式,通常有两种。


一种是像核心功能一样,直接把重大功能的内容铺陈出来,典型代表是网易云音乐的“云村”。另外一种是把各个重大功能都收纳起来,只展示一个入口,典型代表是微信的“发现”频道。


对企业而言,现实问题是,当重大功能的数量上升到两个、三个甚至更多时,如何展示他们?


市面上的常规做法,也是两种。


一种是像网易云音乐和 Keep 这样的,直接开辟一个新的一级频道,供重大功能使用。还有一种是微信这种,把所有重大功能都收纳起来,有新的重大功能出现时,新增一行列表即可。



个人推荐微信这种做法,因为这种做法的扩展性最好,可以应对无穷尽的重大功能。


至此,我们简单总结一下。个人看法,四大类功能,具体咋摆放,并没有标准答案,但是可以参考以上 4 个原则。




02 微观上讲,有没有补充和例外?


有。借这个话题,聊两个比较特殊的问题。


1 顶部标题栏的两侧,适合放什么功能?


先来分析一下这个位置,顶部标题栏的两侧,位于屏幕的左上角或右上角,是个很显眼的位置。


个人认为,有三类功能比较适合这个位置。


第一类,是和当前页面内容有密切关系的功能。比如“编辑”型功能,可参考微信读书“书架”频道的“编辑”。再比如“新增”型功能,可参考 Twitter 首页信息流的发推图标。此类功能,最适合这个位置,而且一般也没有更合适的位置来摆放他们。


第二类,是比较高频的通用功能或重大功能,比如搜索、消息、设置等。


第三类,是某些高频功能的快捷入口,比如微信的扫一扫和收付款。



除此之外,如果是一个比较低频的功能,不管是通用功能、重大功能还是辅助功能,放在这里,都不合适,因为会对用户形成打扰。


2 一个功能,最多可以出现几次?


大部分功能,在 App 里只会出现一次。但在日常使用各种 App 的时候,我们也会多次看到同一个功能,在不同的地方。


有时候,能看到三次,比如搜索,在微信、知乎和网易云音乐都出现了三次,我们也不会觉得哪里不对劲儿。实际上,搜索虽然出现了三次,但也没有引起我们的特别注意。


还有一些功能,是出现了两次。我们在第二次看到的时候,会有点烦躁,心想怎么又来了;有时候会有点困惑,心想下次我该用哪一个,哪一个最快捷。


这中间有什么原则可以参考吗?


先来看下搜索,在微信、知乎和网易云音乐,都是比较高频的功能。换句话说,用户在不同的一级频道,都有可能需要搜索一下,所以搜索出现三次,在不同的一级频道,是有这个需求存在的。


搜索以外的功能,个人认为,只有一类适合出现多次,通常两次足矣。


那就是,此类功能确实比较高频,同时路径又比较长,使用起来不够方便。这时候,就适合给此类功能一个快捷入口。这个快捷入口,一般是出现在标题栏。



一个功能,如果只是单纯的重复出现两次,两次都没出现在标题栏。那给用户的感觉,就是,App 并不是在给我提供快捷入口,而可能只是通过重复的方式来强推这个功能,就容易产生烦躁和困惑的负面情绪。



文章来源:站酷    作者:SnowDesign
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

交互体验思考|产品体验

周周


本文大纲

一、好的收藏体验这么做

二、互动信息隐私的保护

三、确定按钮放左边or右边?

四、手机实体键分布的合理性

五、静音键存在的必要性

六、经典的旋钮式交互



iOS界面设计:12个优秀案例激发你的灵感

seo达人


那么,如何设计出一款界面精美的移动端App呢?

如果你是为iOS设计应用程序,那么此文你可以好好看一看。我们都知道用户界面会直接影响到用户体验。所以本文中,我首先精心挑选了12款最佳iOS移动应用程序模板和案例,它们都有着优秀的iOS用户界面设计(iOS设计模式)和良好的用户体验,涵盖生活类,杂志类,体育类,天气类,网上购物类等等。此外,本文还提供了一些iOS人机界面设计指南。希望能对您有所帮助。

1. City App

类别:导航

系统要求:支持iOS 9.0以上

City App是一个iOS应用程序模板,也是一款以用户为中心的信息类集合软件。City App用于提供城市指南解决方案,并可以显示你所在城市的有趣地点,并加以描述性介绍。

用户还可以直接通过相机照片搜索图片所在定位,一张图片就是一个数据的集合。Admin后台可集中管理地点数据,但您可以对其编辑,更新或删除。来自世界各地的风景优美的图片是界面色彩的主要构成,非常美观。

 

2. Triibe

类别:生活方式

系统要求:iOS 9.3或更高版本,与iPhone,iPad和iPod touch兼容

Triibe是一个引领全新的社区类iOS应用程序,它是专门为制作达人设计的一款产品。它提供一种最简洁、直观的方式展示你的手工创作和学习创意。任何题材设计,包括工艺,烹饪,家居,时尚等等,都可以得到展示。该App的一大特色使其精美的界面,用户在这里上传和展示其手工作品,搭配纯净的浅色背景,几乎和任何的设计作品都能呼应。

 

3. Design Events near you

类别:活动

系统要求:没有限制

Design Events,顾名思义,就给人一种充满设计感的印象。它是由来自印度的一位才华横溢的设计师Johny vino设计的。它一款典型的iOS应用程序,主要用于发现你身边的各种设计活动以及您所在城市和附近地区的各种户外活动。它可以智能的进行有趣的活动推荐。该App的动画交互和过渡都非常简洁流畅,搭配明快的配色,让人觉得眼前一亮。

 

4. Trove

类别:播客和时尚

系统要求:iOS 9.0或更高版本,与iPhone,iPad和iPod touch兼容

这是一个非常酷炫时尚的iOS应用程序。借助Trove,您可以随时随地找到自己喜欢的风格,获取来自世界顶级风格影响者的无尽灵感和建议,追随顶级时尚博主。浏览“精选”服装,可以发现并关注与您风格一致的博客。此外,“My feed”选项卡,可以让您随时查看收藏夹,并将物品添加到您的收藏夹中,以便稍后再购买或可以选择立即购买,你的所有选择都是自由的。

 

5. Nowait Guest

类别:食品和饮料

系统要求:iOS 9.0或更高版本,与iPhone,iPad和iPod touch兼容

Nowait Guest是一个简化生活的iOS App。使用该应用程序,可以为您节约大量的订餐等待时间,很餐厅都已经开始投入使用该App,以方便其顾客可以提早了解其订餐情况,包括Chili’s,Buffalo Wild Wings,First Watch等。用户在家时,就可以随时查看附件餐厅的当前等待时间,然后做出决定是否前往。餐厅的图片使用非常吸睛,整个界面看起来让人觉得“垂涎三尺”。

 

6. The New York Times

类别:杂志和报纸

系统要求:iOS 9.0或更高版本,与iPhone,iPad和iPod touch兼容

这是一款家喻户晓的应用程序,帮助您随时随地掌握最新信息,对于新闻爱好者和喜欢阅读的用户而言,这是一款比书美观,但和书一样能用文字传达信息的程序。该程序与iPhone,iPad和Apple Watch的NYT应用程序一起获得过闻类应用程序奖项。它具有新闻快讯,多任务处理,晨报和晚报,播客,保存文章以供日后在任何设备上阅读等功能。

 

7. iPhone X – Todo Concept

类别:杂志和报纸

系统要求:iOS 9.0或更高版本。与iPhone,iPad和iPod touch兼容

iPhone X – Todo Concept是由Jee-Jeong为Norde设计。它是基于iPhone X概念而制作的一个新原型。该原型的草图和psd模型都可以免费下载。它是设计师特别为iPhone X的发布而设计的。它的动画过度和转换都非常流利,其色彩选择鲜明大胆,极富感染力。留白的界面设计模式,和各种纯色背景都能形成鲜明对比,突出了重要信息,又美化了界面。

 

8. Cloud Music Offline MP3 Music

类别:音乐

系统要求:iOS 9.3或更高版本,与iPhone,iPad和iPod touch兼容

对于喜欢听音乐的人来说,这是一款不容错过的音乐应用程序。您可以轻松地将音乐从云端下载到您的设备并脱机播放。您的设备上就是一个无限量的音乐库。其音乐播放列表非常有趣,设置了动画多样的操作按钮。整个界面白色纯背景,干净而简洁,用户的注意力会停留在其喜欢的音乐上,不会分散。该程序支持所有最流行的音乐文件格式:.flac .mp3,.aiff,.m4a,.wav 等等。

 

9. KicksOnFire: Buy Sneakers

类别:运动

系统要求:iOS 8.0或更高版本,与iPhone,iPad和iPod touch兼容

这个应用程序是是专为运动鞋发烧友设计的,主要是推送新款运动鞋的特别发布日期及其相关新闻。该程序是App Store下载量最大的运动鞋发布日历类应用程序,不仅是获得第一手运动鞋咨询,您还可以在这里购买您最喜爱的运动鞋。其推送会基于您的个人资料智能进行个性化的发布和价格估算。

 

10. Airbnb

类别:旅行

系统要求:iOS 9.0或更高版本,与iPhone,iPad和iPod touch兼容

家喻户晓的一款App,风靡全球。当您准备旅行,从Airbnb开始享受难忘的旅行体验吧。这里,所有关于旅行的事情都变得更加美好,比如寻找旅行冒险,远游或找到一个全新的地方。游客可以获得度假屋租赁,体验一种新体验,并在世界各地参观的地方。如果您有房屋待租,Airbnb也是一个最佳平台,在这里,你绝对会当一个优秀的“房东”。

 

11. Local Weather Radar & Forecast

类别:天气

系统要求:iOS 9.0或更高版本,与iPhone,iPad和iPod touch兼容

该程序是一个当地突破性的天气新闻播报App,也是一个美国本地,乃至世界各地的交通应用程序。只需一个点击,就可以来回切换地位,以便随时查看您的朋友和家人所在地的天气情况。该程序还可以以小时来记录您所在地区的气温变化情况,形成以个独特的“气温变化”列表。

 

12. Sofa

类别:电影,电视和书籍

系统要求:iOS 9.3或更高版本,与iPhone,iPad和iPod touch兼容

这是一款iPhone应用程序,是可以让您沉浸在书籍,电影或电视节目中度过美好时光的一款App。您可以自定义创建电影,电视节目,书籍等列表,也可以将电影,电视节目和书籍添加到任何列表中。当您需要搜索某一条目时,可以通过向下滑动操作来直接解锁。

以上是2018年12个非常棒的iOS移动应用程序,它们中的大部分都位于App Store排行榜的首位,下载次数和使用人数都几位可观。看了这么多成功的iOS应用程序,作为设计师,你有没有思考过,这些App成功的秘诀的是什么?

不难发现,出色的用户界面和用户体验至关重要。iOS设计主题将就明晰、尊重和深度,这意味着,在整个iOS系统中,文字在任何尺寸的设备上都是清晰易读的,图标是精确而清晰的,并且需要流畅的动画和交互,有序的视觉层次等等。总之,您设计出来的App需要满足用户对质量和功能的高期望值,才有可能成功。

 

那么,设计一个美观精细的iOS移动界面都有哪些必须注意的点呢?

1. 排版

1)字体

字体选择不宜多,多则杂乱。只需使用单个字体并使用几种字体变体即可。苹果公司使用San Francisco,并根据产品功能选择字体。例如,在iOS 7中使用Myriad(Pro)Light,在iOS 9中使用SF-UI。在iOS 10中,旧金山变体是SF UI Text和SF UI Display。你只需按照规则即可。但为了达到文字的易读性和可读性俱佳,关于字体选择和字体布局,你还是要根据具体情况仔细斟酌。

 

2)字体大小

iOS的字体大小有其比较明确的规范,具体查看下表:

 

2. UI设计中的颜色

色彩的魔力不言而喻,人都是视觉性的动物。颜色可以传达活力和信息,提供视觉连续性,响应用户行为提供反馈、帮助人们可视化数据。自iOS 7以来,Apple一直在为其操作系统界面和预设应用程序设置色彩明朗鲜艳的调色板。关于颜色的选择比较自由,你可以使用下面列出的默认iOS调色板,也可以自己定制,以便在同类App中可以脱颖而出。

了解更多:如何在UI设计中明智地使用颜色来创建完美的UI界面?

 

3. 图标

iOS的图标风格是简单易懂,并且专注于某个功能点或者信息点。通常情况下,iOS应用程序需要使用到不同尺寸的图标。比如,用户在安装某一App后,在主屏幕可能需要使用较小的图标,但该程序在App Store里又需要更大的图标。关于iOS图标大小,也有比较明确的规范:

 

4. iOS 11中的更新

1)加粗的导航设置

这几乎是iOS 11中最令人印象深刻的变化。使用粗体标题可以让用户快速了解其当前位置,并进行快速标签切换。

 

2)界面布局中的空白区域

iOS 11的标题文本包含一组元素,其中包含图片和描述,这些元素可以保持组元素之间的较大间距。在这种情况下,设计元素保持足够的间距并且可以用于区分不必要的装饰元素之间的层次关系。

 

地址:Mockplus

作者:jongde

 转载请注明:学UI网》iOS界面设计:12个优秀案例激发你的灵感

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



如何在界面设计中使用留白

seo达人


  01 .认识留白 

在介绍如何使用留白提升用户体验之前,我们需要先明确留白的意义。

留白是页面元素与元素之间,以及元素周围的空间。当设计师谈论留白时,实际上说的是负空间,术语“负空间”起源于传统艺术形式,它让我们更准确地捕获物体的形状。

“Suprematism: Self Portrait in two dimensions”

负空间就是元素之间的部分  by Kasimir Malevich

 

虽然我们称之为留白,但并不意味着就是白色的。只要该空间没有任何的文字和图像,即使被填充了任何颜色,这也算是一个留白。所以留白与实际的白色并没有关联,“留白”就是“负空间”。

 

 02 . 为什么留白很重要 

留白是一个好设计的基本要素,与传统艺术一样,物体在GUI里也需要负空间,文字,Button,Logo,和其他元素需要空间去呼吸,所有优秀的用户界面里,从顶部到底部,页面中所有的元素都有适当的留白。

空白可分为两种类型:大留白和小留白。

大留白

 

小留白

 

Note
小留白:文本和网格之间的空白,它有助于内容的可读性。
大留白:页面上主要元素之间的空白,与小留白不同,大留白是整体设计的容器。

 

 03.七种影响用户体验的留白 

留白是平衡设计元素的好工具,帮助我们更好得组织内容,提升视觉信息传达的体验。

— 1 强调特定元素 —

强调某种元素,是设计师最常见的任务之一,虽然设计师可以用许多视觉方法让用户聚焦在某些特定元素上,在焦点的周围运用留白往往都能获得比较好的效果。

距离和注意力之间有特定的联系,较大的距离能吸引人的注意,周围的缺失使现有的元素更佳突出。设计师会运用合适的留白去强调重要的元素,例如一段内容,较大的Padding值会加强这个区域的吸引力,因为屏幕上没有其它元素可关注。

物体周围的留白越多,就越容易吸引眼球。

在下面的例子里,Google在设计中大力倡导留白,留白很好地传达了设计的意图,我们的注意力在页面的主要目标上,不会分散给其他区域。

MailChimp的主页运用了相同的方法,来突出操作按钮(call to action),你会注意到“Sign Up Free”这个按钮立刻吸引了人的注意。

 

— 2 链接相关元素 —

当我们在检查元素布局时,通常把它看做是一些对象的组合,这是因为我们的大脑会根据物体之间的相对位置,来创造一个关系模型。格式塔的法则解释了,临近的物体会被看做是一个整体。留白也提供了一种视觉线索,看一下这张图:

很可能你看到的是两组点阵,而不是12个原点,这是12个相同的点,唯一不同的是他们的间距不同。

这个法则也可以用于交互设计,我们来看下面的Web表单。

  • 相关元素成组:我们知道,一组元素靠在一起时,看上去是有关系的,所以相关的标签要靠得近。左图较难传达出标签与输入框的关系,而通过调整间距,如右图,表单的可浏览性提高了。

  • 相关信息成组:众所周知,长的表单让人感到压迫。用户在填这些表格的时候会变得犹豫。把相关的字段组合在一起,能帮助用户了解他们必须填写的信息。以下的形式中,两种表格都有相同数量的字段。不同的是右边划分了三个组,内容的数量是相同的,但是给用户的印象大不相同。

 

— 3 防止视觉杂乱 —

许多的App和网站承载着太多的信息和元素,没有足够的呼吸空间。这通常由于产品创造者希望传递太多的信息,不幸的是,用户的关注度有限,越多的元素争抢着注意力,用户能够关注到的就越少。

可以看下面的例子,这是一个元素太多引起的极端案例。

当每个看上去都一样的时候,用户选不出重要的那一个

 

许多网站有着相同的问题,缺乏留白会给用户的眼睛和耐心带来压力,充斥着文字和图片的网站使用户产生挫败感,使他们逃离。

杂乱的页面没有吸引力,并且不会让用户想要阅读内容,尤其是当没有视觉层次时。

过多的信息负载让界面变得混乱,那么减少混乱就能提高界面的可理解性:通过消除干扰,你可以强制用户只关注即时可见的内容,你可以用留白来减少压迫性,留白可以减少噪音,让用户更能聚焦。当布局达到了留白平衡,各个元素更容易被解读时,就会带来更好的用户体验。

Tip
请尝试“5秒测试”,观察一个页面5秒钟,然后回忆你记得的内容,是否是你想要强调的元素,这将帮你了解页面中是否有合适的留白。

 

— 4 通过互动内容引导用户 —

如果你希望用户的视线从一个点流向另一个点,你需要给他一个这么做的线索,这个线索就是留白,留白运用的得当时,能为页面创造自然的视线流动。

特定的留白可以实现有效引导、保持读者的兴趣,如下图所见,Dropbox通过锯齿模型引导用户浏览一系列产品的关键特征。

空白可以帮助设计师讲故事

 

不对称是另一种留白技巧,可以用来引导用户对某一部分的注意,当一个元素运用了不对称留白,它会立马就会从周围的元素中跳脱出来,看起来更有活力。如果你要在页面中设计一个链接或者按钮,这种方法可以有效引起别人的注意。

非对称留白非常适合聚焦页面上的特殊区域

 

— 5 提高可读性 —

内容为王,内容是大多数应用程序和网站的价值,这就是为什么良好的可用性的一个关键方面是内容的可读性,很多因素可以提高可读性,比如字体的大小和颜色,或使用标题,留白是其中一个重要因素,因为它对内容的可读性有直接的影响:

行间距可以大大提高一段文本的可读性,一般来说,行间距越大,用户阅读时候的体验就越好,但是太大会破坏统一性,使得设计中断。

段落和文字块之间的留白有助于帮助人们更好地理解阅读的内容,根据2004年的研究,这种空白增加了近20%的可理解性

 

— 6 运用视觉分隔线 —

设计师经常使用横向或纵向的线去创造分隔线,虽然这样的分隔线在大多数情况下是可以的,有一个主要的缺点,大量分隔线的使用会导致视觉的噪音,造成密集拥挤的页面。

随着用户的偏好向更简洁的界面转移,对UI中的基本元素进行解构是成功的关键。可以用负空间来布局,而不是线,更少的分隔线能营造清爽、现代和更实用的感受,大方地使用留白可使一些复杂的界面看起来更简洁友好。这一变化背后的真正意义在于,在关注内容和功能同时消除冗余的元素。

 

— 7 创造成熟优雅的感受 —

虽然留白经常被看作是改善用户体验的技巧,但它也可以被用于纯粹的审美目的,大量留白的网站能反映出极简和奢华感。

留白有助于提高整体设计的基调——通过把更多的焦点放在产品本身,使产品看上去更奢华。

 

04. 关于利益相关者的几句话 

现在你可能知道了留白的重要性,而另一方面,留白可能引起设计师和利益相关者的矛盾。“留白太多了,我们可以用来做什么?”是我们经常从利益相关者(客户或经理)那里听到的。

把这种要求作为一个机会去教育利益相关者,作为设计师,我们的工作就是帮助他人理解为什么留白是用户体验重要的组成部分,宣扬并解释你的思考过程,如果这不起作用,你可以采用A/B测试,测试一个设计的两个版本,一个由设计师提出,一个由客户提出,用户可能会喜欢那个不那么混乱的版本。

 

05.结论 

留白不是一个空白的画布,而是一个强大的设计工具,但是这个工具很难掌握:现实应用中的留白既是艺术也是科学,掌握如何使用留白来创建良好的布局需要实践。你实践的越多,学到的也就越多。

 

原文地址:medium

译文地址:51UXC(公众号)

译者:51UXC 翻译社

 转载请注明:学UI网》如何在界面设计中使用留白

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



费茨定律如何指导界面设计

seo达人

什么是费茨定律

费茨定律是人类运动的预测模型,主要用于人机交互和人体工程学。该法则预测光标/手指从一个起始位置移动到一个最终目标所需的时间(T)由到目标的距离(D)和目标的大小(W)所决定,用数学公式表达为时间 T =a + b log2 ( D /W + 1 )。其中a、b是经验常数,a代表手指开始到停止的时间,b代表手指的移动速度。

举个生活中一个开灯的例子:

早期的开关只有一个手指大,每次开灯的时候都需要将手移动到开关上方,然后伸出手指调整到适合位置然后在按下。由于按钮小,在没开灯的时候你根本不知道它在哪里,需要不停的摸,所需时间就比较长。后期大家意识到了这个问题,将开关按钮设计变大,人们操作时只需要将手移动到按钮上方,由于面积大不需要调整直接按下即可,所需时间就比较短。

 

如何指导界面设计

费茨定律应用比较广泛,其在移动界面设计中也有很好的启发意义,结合费茨定律公式可以得出指导我们设计的三个要点:

1. 按钮越大,所需时间越短

根据公式,当到目标的距离(D)一定时,目标大小(W)越大,所需时间越短,反之越长。下面以支付宝的登录流程为例,如下图所示:

左图是支付宝初始页,该页面主要让用户选择合适自己的操作方式。因此在设计上采用登录和注册按钮并排的方式,目标区域较小,给用户充分选择的时间。

中图和右图,界面中仅仅只有一个按钮,其他注册、遇到问题都可弱化用文字高亮的样式展示,用户在操作时基本不用想就知道点击下一步按钮。大大的减少了操作时间,让用户可以专注于登录上。

 

2. 距离越远,所需时间越长

当按钮大小一定时,手到目标的距离越远,所需时间就越长,反之越短。但是这里就发现一个问题,移动端如何判断手到目标的距离呢?这里我们可以借用拇指热区来进行判断。随着手机越来越大,不同机型的拇指热区会有所差异,以iPhone6右手操作为例,它的拇指热区。如下图所示:

根据图例可知绿色区域是我们手指最容易轻松达到的,橙色是伸长手指才能触达,操作相对较难,红色区域为难以触及的区域。我们可以判断手指到绿色区域的时间最短,到红色区域的时间最长。因此在设计时我们需要将重要层级高的按钮放到拇指热区的绿色部分中,让目标离手指越近,从而提高操作速度。如下图所示:

以上两个案例均是Feed流界面,在卡片中露出功能有点赞、评论、分享这三个按钮,其中大众点评这三个中点赞的重要性层级最高,因此将其放在绿色最易触达区域,单手操作离手指距离最近,而分享和评论次之,因此将其放在了红色和橙色区域,单手操作离手指更远。

其中微信读书这三个中分享的重要层级最高,因此将其放在最易触达的绿色区域,单手操作更近。

 

3. 手移动越快,越易错误操作

其实不管你手的速度有多快,当距离较远、按钮较小时,当手移动到按钮上方就会停下来进行定位然后才能准确得进行操作,如果只要求速度,手移动过来直接点击有可能就点中不了按钮,容易进行错误操作。

因此在UI设计中,如果我们想要用户能够快速操作,可以为用户打破距离和大小带来的限制,结合手势操作来进行设计。如下图所示:

以微信为例,在微信列表中为了让用户能够快速操作列表,引入了手势操作(安卓长按、iOS侧滑),当长按或侧滑列表时,就会在当前位置出现操作内容,提高操作效率。

 

在移动端界面中的应用

在实际交互设计中,合理使用费茨定律,可以让我们的界面使用更流畅,错误率更低。下面我们一起来看看费茨定律的四大应用场景。

1. 来电显示场景——不同状态,不同设计方式

iOS的来电提示在锁屏和苏醒状态分别采用滑动接听和点击接听,可以很好的用费茨定律来解释。如下图所示:

锁屏时:用户手机场景不确定,很容易意外点击。在设计时就需要增加操作距离、延长操作时间,防止误操作的情况,采用滑动解锁就可以增加操作的距离,放在该场景中使用较为合适。

苏醒时:用户正在使用手机,这时候采用滑动操作距离太长了,因此设计为按钮的样式,用户可快速点击接听或拒绝,进而提高用户操作效率。

 

2. 将返回浮于底部操作栏中——缩短操作距离和时间

随着屏幕越来越大,拇指热区也发生了变化,你会发现左上角的返回按钮单手操作越来越不可能,尤其是Plus、iPhoneX的出现返回按钮显得有点鸡肋。不过在体验资讯类的产品时发现,部分界面他们将返回按钮放到类界面底部左下角的位置,下面将这两种进行对比下。如下图所示:

以今日头条的详情为例,返回按钮在常规的左上角。结合拇指热区你会发现左上角的区域单手是很难到达的。对于资讯类APP需要不断切换看的文章,返回键在左上角无疑加重了操作难度。

以虎嗅为例,他们将返回按钮移动到了底部左下角,结合拇指热区你会发现左下角的区域单手是可以轻松到达的,将返回按钮放在底部,大大的节约了用户操作时间。

需要注意的是,尽管通过分析,返回按钮在左下角单手更好操作,但是有时候习惯真的是一件可怕的事情,比如我在华西医院的微信小程序时,很少能够记住点击底部的前进和后退键,每次想返回上一级,就习惯性的点左上角,结果就直接退出小程序。如下图所示:

面对顶部返回键单手不方便点击、底部返回键又老是记不住点,同时在当前规范下又不适合大面积的使用,怎么样才能帮助用户操作呢?其实iOS按住左侧屏幕边缘向右滑既可以返回上一步,安卓自带虚拟返回键都是较为快捷的操作方式。

 

3. 合理利用手势操作——提高用户操作速度

安卓的长按和iOS的侧滑编辑大家都比较熟悉,他们多用在列表页的编辑状态,用户长按或侧滑列表,操作按钮就显示在当前位置,操作效率比较高,如下图所示:

以天猫购物车为例,大家知道长按是安卓端常用的功能,侧滑是iOS端的功能,然后天猫购物车这两种功能都支持。其主要原因考虑到安卓用户在使用苹果手机时,可能不知道侧滑的功能,因此在购物车的编辑中还加入了长按功能,让用户能够更快捷的操作。

 

4. 将操作按钮进行收纳——阻碍用户操作

在设计时如果控制不经常使用,或者想阻碍用户操作时,就可以把操作按钮放远一点,同时在设计上可以将其收纳,加大用户到操作难度。如下图所示:

以大众点评详情为例,在右上角并没有直接放举报到按钮,而是放到更多到按钮,一个原因是为了方便后期的拓展,另外很重要到一个原因是不想让用户举报加深用户的操作难度。

 

总结

本文主要分享了费茨定律在UI界面中的应用,结合今天的分析,总结起来主要有四个要点:

  • 1、我们想要更容易点击到目标,就需要将一个页面的主操作按钮放大。
  • 2、我们想要让用户快速点击目标,操作更方便,可以将目标放于拇指热区轻松触达区域。
  • 3、我们想要让用户快速移动时,就可以利用手势操作,它打破距离和大小的限制,从而让用户可以快速操作。
  • 4、我们不想要用户操作或不常用的控件时,就可以将按钮进行收纳,加大用户操作距离,从而增长用户的操作时间。

 

参考文献:

Technical Artist的不归路 —— 费茨定律(Fitts’s Law)在UI设计中的使用  

设计法则: Fitts’ Law / 费茨定律(费茨法则)

《通用设计法则》立德威尔著   朱占星 薛江译 中央编译出版社 2013年9月北京第1版

 

原文地址:海盐社(公众号)

作者:风筝KK

转载请注明:学UI网》费茨定律如何指导界面设计

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



界面设计中的三维设计法

seo达人


随着当今越来越多的信息需要被展示、曝光,而移动设备的屏幕空间又有限,为了减少用户在使用应用时的跳转,减少用户的路径,设计师们开辟了第三个维度——即在 z 轴上展示叠加的分层动效进行交互表达,从二维到三维,这样更能有效利用手机屏幕上的有限空间,这也是以后界面设计的大趋势。

这个思维方式最早是在安卓的MATERIAL DESIGN语言上体现出来的。(以下简称MD)

 

Depth(深度):

Material Design UIs are displayed in an environment that expresses three-dimensional (3D) space using light, surfaces, and cast shadows. All elements in the Material environment move horizontally, vertically, and at varying depths along the z-axis. Depth is depicted by placing elements at various points along the positive z-axis extending towards the viewer.On the web, the UI expresses 3D space by manipulating the y-axis.

在MD的设计规范中,用Depth来说明界面设计中的深度,既而在界面设计中引入了Z轴的设计思维,将界面设计由二维设计引进了三维设计思维的地带。MD通过抽象化纸片在物理世界中的形态,定义除了各种信息层级以及常用状态的表达方式。

再来看看,如今iOS的最新版本iOS 12,也已经开始向这一方向进行发展。最典型的要属以下的iOS的内置应用:股市、语音备忘录、地图、钱包、音乐、播客、App Store等。

三维设计法,在界面设计当中,主要分为两个方向来运用,视觉设计和交互设计。

人们通过双眼能够分辨出物体远近大小的形态,因此如果利用这样的视觉规律,便可以在画面中呈现出真实的效果,突出视觉的立体化。

因为使画面产生三维的模拟真实的效果,可以画面更具有吸引力,我们之所以能够看清楚物体,是因为有光的存在,现实生活的影子是因光而产生的,才是一个真实立体形。如果能恰当运用光影的效果,那将会让图形在进行三维空间转换时变得更加凸显。

当今,在界面的视觉设计方面,通过层叠、卡片化和投影的设计手法来对界面的内容进行处理,可以增加界面的层次感。在如今同质化严重的扁平化设计下,能给人焕然一新的感觉,同时也给人一种内容呼之欲出的感觉,加强了点击的欲望。这样的设计手法让界面的Z轴空间得以加强,必将是下一个新的趋势。

例如:KEEP、潮汐、虾米音乐

 

例如:Dribbble 和 Behance

图片来源于网络

 

而在交互设计方面,想同时展示多种内容时,假设对一个需求有着很强的曝光要求,或者是想让用户知道有这项内容的存在,但又不想让页面内容过长,导致被忽略或难以找到时,可以采用页面Z轴层级覆盖的表现形式。

采用了Z轴层级覆盖的架构形式,用户主要的交互操作变为上拉、下拉来阅读信息,减少了点击跳转这一类的操作,减少了用户的操作成本。且滑动手势,是以后人机交互发展中的一个必然趋势。

在一些APP中有所表现的有:豆瓣FM、豆瓣详情页等。(大家可以从这些APP上获取设计灵感)

豆瓣FM

 

豆瓣(电影详情页)

 

例如:

上图是京东(APP)的商品详情页,这时候我们接到的需求是将上图的文案放进这个界面中。

要知道在寸土寸金的APP界面中,每一个位置都是十分的宝贵,一但放置不佳,就会给用户的视觉流造成一定的影响,使得用户体验下降。况且,还是京东这样流量巨大的电商APP,位置便显得更加宝贵,而上图中的红色标记范围就是我们的限制区域,下面我们先来看一个不合理的做法。

上图我们是直接加了一个界面,将这个模块设定为可以进行跳转,从而达到显示完整(文案)的需求。

这样做,不仅增加了用户的路径,而且还会给来回切换的用户造成一定的困扰,消耗了手机的资源的同时,下面的留白也显得很浪费、空旷,视觉上就很不美观。

那么,京东是怎么做的呢?

京东采用了一个浮层设计(Z轴),将全跳转改为半跳转,这便是在界面设计中的Z轴运用,这样既可以达到文案所要求的曝光,也能最大利用让界面的空间,实现与原场景的完美衔接。

通过在 Z 轴上进行分层设计,模拟物理世界中人与物的真实的交互模式,帮助用户理解产品设计,将信息更好的浅层化,这样可以给设计师们带来更多发挥的空间。

在使用这个思维来做设计时,可以事先考虑以下几点:

  • 根据用户使用体验,来判断是否需要使用Z轴分层交互。
  • 这样做是否能帮助用户更好的理解你所做的设计?
  • 空间感设计主要意义是能正确的引导用户,并建立起对产品的使用逻辑。
  • 每一个界面层级只需要表现一件事。
  • 当你想要在界面中加入一个菜单栏但发现没有空间?这时候可以考虑使用Z轴的设计。
  • 谨慎使用Z轴层级交互,因为它会增加空间关系的复杂度。
  • 多参考现实世界中的真实交互,它给你的预期和感受,在互联网设计中的很多灵感都来自于对真实世界的理解。

 

总结:

我们在做设计时,可以把当前的界面可以想象成一个的三维世界——分作X轴,Y轴,与Z轴,在这三个坐标轴上,可以进行思维上拓展。

在交互设计当中,减少跳转便是减少用户路径,就是使用各种方法在三维空间中,用x轴、y轴、z轴做出最合适、合理的用户体验设计。

 

原文地址:站酷

作者:ChrisIce

 转载请注明:学UI网》界面设计中的三维设计法

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档