设计思维

形状跟设计有关系吗? 有关系

seo达人


四个等距离圆点用线相交形成的正方体为四边形。
图片 
 

以点为中心,以直径为距离旋转一周所形成的封闭曲线叫做圆,也是中心对称图形。

图片

这些形状本身并没有什么含义,但跟设计有关系吗?

有关系。 

 

 

图片

 

 

同一张图片正方形的视觉看起来稳固,但视线却不容易有着重点,显得呆板沉闷。

图片

 

 

16:9的长方形能让观看者有沉浸的体验感,视线也显得宽广,符合人眼的生理需要。(人的眼球视野基本是椭圆形,两个椭圆形相加从中裁出的矩形就是16:9的长方形,更符合观赏)

图片

 

 

这也就为什么在生活中数码设备、影院荧幕、书本、海报的大部分尺寸都以长方体为主的原因。

图片

 

 

而圆形虽没有长方形的视线宽广, 但却有着独具一格的聚焦特点,能让视线完全集中在图形内部,体现出一种东方特质的艺术美感。

图片

圆的使用场景不仅与生活息息相关,例如汤圆、剪纸、圆桌、太极、建筑等有关。

 

「在东方」

「在中国」

更代表着团圆与美好寓意

图片

 

二十四节气「以圆为形,以气为本」

中国传承千年的优秀文化

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

原文地址:修先森撩设计(公众号)

作者:修先森

转载请注明:学UI网》形状跟设计有关系吗? 有关系

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

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

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

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

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




UI 场景下的春节氛围设计

seo达人


目录

一、应用图标设计

二、金刚区图标设计

三、底部标签栏设计

四、导航栏设计区域

五、顶部视觉区域

六、背景氛围强化

七、模块分类强化

八、闪屏氛围营造

九、功能区域置换

十、运营设计营造

 

一、应用图标设计

应用图标是用户接触产品的第一个环节,也是视觉差异化体现的重要部分。在春节主题氛围中也是表现丰富多样,从不同的方向体现出春节的浓厚氛围。

主要的处理形式会围绕春节主题文案、生肖卡通形象、主题皮肤、春节元素和颜色等。以春节主题文案举例,通常是春节祝福语和营销结合的文案为主,设计在应用图标底部居多,将图形适当向上位移进行视觉平衡。也有一些产品结合自身图标因素,将文案设计在顶部位置,也是为了保持整体结构的稳定性。

图片

除了文案表达以外,配合生肖卡通形象也是较为常见的手法,可以是局部元素的装饰,也有是作为皮肤使用的。比如今年是虎年,利用老虎的形象或者局部元素表达也是层出不穷。

图片

无论是文字表达还是图形结合,应用图标上的表现都是在主题活动中优先考虑的场景,这是被用户在众多产品中发现的第一眼。

 

 

二、金刚区图标设计

金刚区就像百变金刚一样,将各种功能和业务聚集在一个区域,便于用户进行快捷操作。在金刚区图标上面进行设计发挥是最为普及的,春节期间众多产品都在各种形式上面进行发挥,呈现出很多优秀的设计案例。

最为简单的做法就是将带有春节主题的文案融入到图标设计中,这个形式适用于各类节假日和活动主题中。表现手法也是非常简单的,配合元素点缀和色彩渲染,很容易体现出主题氛围。

图片

 

 

保持图标造型不变,在外形轮廓背景中融入春节元素也是一个可行的方向。比如将灯笼作为图标背景,配合元素装饰和色彩搭配,呈现出的春节氛围也是非常浓厚的。

图片

也有结合春节元素对金刚区图标进行设计重构,带来的感官体验也是非常不错的。运用到的元素涉及鞭炮、福字、元宝、红包、糖葫芦等等,结合中国红营造出浓厚的春节氛围。

图片

 

 

将春节元素点缀到图标中也是一种不错的选择,或者配合春节主题颜色进行搭配,也能够营造出浓厚的新春氛围。

图片

金刚区图标设计是营造氛围的最佳区域,不会对业务布局和产品结构造成影响,能够根据氛围的要求作出灵活的调整。

 

 

三、底部标签栏设计

底部标签栏是用户进行功能模块切换最频繁的区域,通常营造氛围和金刚区一样,都是非常直观和效果显著的区域。

将春节元素融入到底部标签栏图标设计中,带来的感官体验是非常不错的。可以是单个的春节元素,也可以是元素的局部装饰,都可以非常直观的传达给用户,突出春节活动氛围。

图片

 

也有将春节主题文字融入到图标设计中,一种是直接结合字体设计和春节元素表达;一种是结合外轮廓背景,字体作为图标部分镶嵌入背景中。文字的识别性有助于用户更快理解,传达氛围也是非常直观高效的。

图片

 

如果不想改变太多,也有一些产品只是在中间凸起模块图标上面进行氛围设计,也能传递春节的氛围。这样的设计解决方案最大限度的保留了原本的设计内容,属于弱氛围营造,也能达到一定的氛围营造目的。

图片

 

除了在图标设计上面营造以外,也能在底部标签栏背景上面营造,配合中国红营造出来的氛围也是非常浓厚的。也可以是配合颜色和元素进行营造,比如烟花效果也是不错的选择。

图片

底部标签栏设计区域的氛围营造效果非常显著,无论是背景层面的营造还是图标设计上的创新,都能带给用户非常直观的体验。

 

 

四、导航栏设计区域

导航栏+状态栏通常是品牌色或者白色居多,也有少数产品会使用其他颜色进行设计。在春节期间这个区域也是作为氛围营造的不错选择,除了利用中国红作为颜色层面的选择以外,也有结合春节元素进行设计表达的。

图片

 

除了静态的设计表达以外,也有结合动效的表达提高吸引力,突出春节浓厚的氛围。(比如:途牛旅游)

图片

 

 

五、顶部视觉区域

顶部视觉区域和导航栏区域比较类似,不过顶部的范围更大一些,运用的场景更多一些。除了首页以外,在其他主界面也可以使用这个区域,带来春节氛围的营造。

首页 Banner 区域是顶部视觉区域面积较大的板块,结合 Banner 进行背景营造,带来的视觉效果也是非常突出的。

图片

 

 

除了根据 Banner 效果营造以外,也有只是营造背景层面的形式,将背景颜色营造出春节的氛围,效果也是一目了然。

图片

在其他的主界面中顶部视觉区域也可以进行营造,比如个人中心的视觉营造,带给用户的感官体验也是非常的直观。

 

 

六、背景氛围强化

除了在局部的区域进行背景的氛围强化以外,也有将大面积背景进行春节强化的。通常是通过颜色来强化,比如通过中国红来烘托春节氛围,也会在背景中装饰一些春节元素,进而增强氛围感。

图片

背景强化适合卡片式布局,更能衬托出空间感,强化视觉效果。

 

 

七、模块分类强化

在大视觉模块区域强化表现是较为突出的,为了体现精细化的表达,在细节的设计中也会加以注重。

细分模块的设计嵌入可以弱化视觉比重,也能达到融入春节主题的目的。比如在模块分类的设计中,将春节主题字体替换到类别中,作为活动栏目的表达,也是非常不错的设计表达。

图片

 

 

八、闪屏氛围营造

闪屏和启动页本身属于相同的表达,都是为了缓解用户启动应用时,等待过程中所产生的焦虑感。不过随着闪屏广告的概念,被区分呈现出来了。

体验了很多产品,发现还是闪屏广告居多,以营销活动为主的案例较多。单纯突出春节主题表达的很少,以春节主题配合营销活动设计比较多些。

图片

不过启动页的位置作为主题氛围营造是值得考虑的方向,作为品牌情感化的延伸是非常不错的选择。

 

 

九、功能区域置换

功能区域在这个环节我是作为整合而存在,指的是下拉刷新、空状态、加载、主按钮等等。在一些重点区域强化春节氛围是很多设计师的首选,也有一些会在细微之处深入挖掘。

下拉刷新对于一些内容更新频繁的产品来说,是用户操作非常频繁的功能。通常情况下,是结合文案提示、默认动效、品牌元素、吉祥物动效等进行表达,而春节期间很多产品也嵌入了春节活动,将功能区域进行置换。不仅可以达到刷新的目的,也能带给用户春节的氛围感。

图片

 

在一些主按钮比较突出的产品中,也会在按钮的设计上面融入春节的元素,在细微之处带给用户氛围感。

图片

以上案例仅为列举,功能区域置换是一个可以探索的方向,不仅可以达到突出主题的目的,也不会影响功能的操作。

 

 

十、运营设计营造

运营设计通常都是最活跃的,不会放过任何一个主题的参与,春节这样的大节日更是重点参与的对象。

在春节期间通过各类活动的设计突出春节氛围,让用户在感受氛围的同时促进消费。除了在视觉效果上呈现出丰富多样的表达,在互动玩法上面也是费尽了心思,带给用户更多趣味和年味。

图片

 

运营设计的营造主要是在专题活动的表达上呈现,也会配合 Banner 设计或者其他插入式广告,还有弹窗广告的结合也是较为普遍。

图片

 

小结

春节随着时间的推移已经过去,本文梳理了在春节期间观察到的移动端 UI 层面的变化,总结案例是为了探索大家的设计解决方案,积累更多不一样的设计思路。案例主要以感官层面的为主,希望这些视觉表达层面的思路,可以带给你更多灵感。

本文主要是个人观察所感,不足之处望大家自行补充,我们互相进步。

 

原文地址:黑马青年(公众号)
 
作者:黑马青年
 
转载请注明:学UI网》UI 场景下的春节氛围设计

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

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

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

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

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


爱美有度——柠檬爱美品牌LOGO升级

seo达人


项目背景

柠檬爱美依托百度庞大的流量与移动生态服务优势,在“精准搜索+精准推荐”双引擎下,用百度大脑结合大数据建立精准用户画像,通过下探业务目标、挖掘用户诉求,结合百度APP生态,搭建搜索场景下的医美科普内容服务平台。

 

1. 业务战略升级

近年来,医疗美容行业增速迅猛,行业乱象频发,亟需提升整个行业服务质量和品质。本次业务战略升级围绕内容建权威专家科普解读,打造用户放心、安心的医美服务保障品牌。目前设计价值重申迫在眉睫,品牌logo也应配合战略方向优化升级,助力品牌心智打造。

图片

 

· 设计趋势变化

随着时代的变化,人们需求的变革,极简化、扁平化已成为近几年的品牌logo设计趋势。品牌升级的背后除了商业模式的变革,也是顺应新的设计流行趋势变化。

图片

2. 问卷调研

· 设计问卷

项目初期,我们采取一对一的访谈方式去了解产品背景和诉求,寻找设计抓手。通过精心设计的、有场景带入的问题,让参与者在放松的状态下把他对产品定位等关键信息准确表达出来,这里需要注意的是邀约参与者必须包含各业务方向的产品决策人。过程中也对医美行业、大环境的洞察分析以及目标受众、竞争对手、产研方向等做了探讨。

图片

 

· 定量分析问卷结果

通过分析问卷结果,我们与业务方达成了本次品牌升级的目标,希望通过品牌logo升级,传递出权威科普、服务保障、科技医美的品牌定位。

 

3. 概念探索

通过前期调研我们已经有了明确的业务定位,但是我们所提供的服务要给用户建立什么样的心智印象?什么样的品牌传播能产生用户共鸣?我们如何处理电商与内容的品牌关系?都仍是未知,这也恰好是品牌需要解决的问题。

带着这些疑问,我们收集并查阅了大量用研、品牌资料,我们通过金字塔模型从产品的功能属性、实际价值、情感价值、产品个性、品牌精髓5个纬度逐一进行关键词的发散与收拢,帮助我们进一步清晰柠檬爱美品牌“模样”。

图片

为了尽可能提炼出既符合产品理念又有用户共鸣,且引发互动的品牌理念。我们将金字塔中的关键词分别对应图形参考案例,面向业务方发起了第二轮调研,在调研讨论的过程中,我们不断完善聚焦概念,“爱美有度”这个概念方案也一步步浮出水面。

 

4. 方案设计

· 概念锁定

经过长达1个月的不断尝试,逐步明确概念如何转化成可执行方案。最终我们锁定在“爱美有度”,“度”这个兼具名词与动词属性,具有更大的想象空间和丰富的情感属性。不仅暗指百度医美垂类品牌,更传递的是平台价值观:内容有信度、服务有温度、科技有态度的涵义,天然带有积极的导向意义。

图片

 

· 草图绘制

在草图绘制过程中,最大的挑战在于“柠檬”与“度”的图形诠释。首先我们需要一个不落入俗套的柠檬外形。其次“爱美有度”品牌概念如何通过图形元素能让用户感知,又能精准的传递“权威保障”信息。

手绘的方式简单快捷,可以很高效的对齐大部分的设计共识。期间大家发散了很多想法,尝试了很多方案。经过两轮手绘下来,主体定格在“手托举”的柠檬外形,虚形恰好是柠檬,建立品牌专属记忆点。造型饱满圆润,充满能量且呈向上趋势,象征求美者的美好希冀,也体现了“爱美有度”的设计理念。让受众能感受到品牌传递的权威、专业、信赖。

图片

图片

 

· 提案设计

总结各阶段结论,最终形成设计提案主线。采用视觉冲击力强的图片辅以文案,精准传递logo方案表达的设计概念,最终方案定稿。

图片

图片

图片

图片

图片

图片

图片

图片

 

写在最后

品牌升级不仅仅是换个logo那么简单,而是产品定位和策略发展落地中的重要一环。本次柠檬品牌logo设计,我们无时无刻都在思考如何更好地了解用户,贴近产品,传达理念。希望通过本次升级,用户能感受到柠檬爱美品牌为了更好的服务用户敢于突破,力求革新的决心和信心。

 
 
原文地址:百度MEUX(公众号)
  
作者:陪你一起变美的
 
 

转载请注明:学UI网》爱美有度——柠檬爱美品牌LOGO升级

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

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

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

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

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



看那么多高大上的海报有什么用?

seo达人



01.

丹麦一家叫做Hugmun的设计工作室,为一家名为Cinemateket Trondheim的电影院,设计了一年的月度计划系列海报。设计师用简洁、抽象的插画来表现与电影相关的内容,每一张海报都有着丰富、艳丽的色彩,标题字体根据不同插画的气质而做出变化。另外,大部分海报都有眼睛元素,旨在传递沉浸式观影和穿越时空的体验。 

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

 

02.

这是一个叫做Ostbahnhof派对的宣传海报,该派对融合了音乐、艺术、政治等多种元素。设计的主题为:什么都行。意思是这里无奇不有,在这里干什么都行,传递出这是一个极度丰富、自由、包容的派对。所以,在设计上也比较天马行空,拼贴风配图、对比强烈的荧光色、密集的构图和排版个性、个性十足的字体,无不传递出令人兴奋、向往的视觉感受。 
 

图片

图片

图片

图片

图片

图片

图片

 

 

03.

这组海报出自法国设计工作室:My Name Is Wendy,为一个叫做流星计划的项目所设计,该系列海报都是以火车以及Meteor(流星)为设计主体。精细的插画与简洁、硕大的无衬线英文字母相结合,呈现出强烈的繁简对比。为了突出主体,没有搭配插画的字母笔画都相对细很多,内文的字号则尽量缩小,与Meteor穿插排版,整体看起来大气而又细腻。以黑白灰作为主色,使海报的复古和工业气息更加浓厚。 

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

图片

 

04.

这组海报不知道算不算“新丑风”,反正我觉得还挺好看的,虽然色彩的饱和度很高、对比很强,但是并不刺眼,反而给人活泼、时尚的感觉,因为每张海报都有明确的主色。插图虽然很搞怪,但是并不丑,反而挺有趣,加上简单的动效,让人感觉很魔性。大部分海报的主体都是由多个分散的元素组合而成,插图与几何图形以及文字看似随意实则有序的组合在一起,使整个版面看起来既灵活又很整体。 
 

图片

图片

 

图片

图片

 

图片

图片

 

图片

 

05.

这是一系列Nike鞋子的产品海报,很明显这是一组基于网格系统排版的作品,所以整体看起来很严谨,而且平衡性非常好,但又不乏灵活,因为设计师把版面进行了不规则的切割,点线面相互穿插,彼此又保持着对齐的关系。色彩以黑色和浅灰色为主,但每个版面都保留了小面积的一两个彩色,使画面变得更有生气。

 

图片

图片

图片

图片

图片

 

06.

这组海报的主题为西班牙时尚,展示了春夏秋冬各种时尚的西班牙服饰,海报中的字体和排版以直线为主,但图片的轮廓几乎都是圆润的,这种强烈的对比增加了海报的现代感和时尚感,而且因此产生的留白也让版面有更多呼吸空间。 

图片

图片

图片

 

图片

图片

 

主题的设计也是一个亮点,以无衬线字体为基础,组合搭配了几种其他风格的字体,甚至还把个别字母置换成了几何图形,使简单的画面多了一些设计感和细节。另外,这组作品也给我们提供了几组高级而时尚的配色方案:黑色配青色、黑色配橙色、黑色配紫色、黑色配香槟金。 
 

07.

这是一名新加坡设计师设计的一系列海报,由于他业余时间很喜欢看足球,所以一有空就会去设计一些知名球员的海报,截至目前已经累积设计了好几十张,这些海报都是以球员,以及与其相对应的俱乐部队徽、队名、城市为设计主体,每张海报的设计形式都不一样,但都有很强的形式感和视觉冲击力。

图片

图片

图片

 

图片

图片

 

图片

图片

 

 

图片 

多看永远是学设计的第一要义,并且,我们有时还得跳出自己的专业、自己的工作领域去看,这样才能吸取到更多、更新的东西,即使有些东西说我们看不懂的、用不上了,但仍会有收获。

 

原文地址:葱爷(公众号)

作者: 葱爷

转载请注明:学UI网》看那么多高大上的海报有什么用?

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

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

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

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

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



你需要知道的弹窗设计原则!

周周

本篇文章将围绕着弹窗类型、使用场景、转化率及常见问题为侧重点,将自己对弹窗的理解、设计经验分享给大家,帮助大家对弹窗组件有更清晰的认识,为后续避坑设计出更好的弹窗做准备。

「新手向!!」“8点”网格系统是什么?

分享达人

一、前言

1、代码>原型

无论是高保真还是低保真原型,设计人员在软件中的展现所有效果,最终目的都是传递给开发人员进行实现。当开发人员开始使用代码还原页面时,设计就不可以再随意修改。

最重要的不是在设计软件中展现的效果,而是实际在用户设备上实现的效果,因此在设计时,要提前考虑代码实现的成本。

2、盒子模型

盒子模型是一种描述对象尺寸和间距的方法。有四个部分组成:“边框Border”、“边距Margin”、“填充Padding”、“元素本身Element”。

  • Border:围绕元素外围的边线。

  • Padding:元素及其子元素之间的间距。

  • Margin:元素和其相邻对象之间的间距。

3、什么是point(pt)

点(pt)取决于屏幕物理尺寸大小,是绝对尺寸单位。对应@1x图的1px。

像素(px)取决于实际屏幕显示分辨率,是相对尺寸单位。在@2x图情况下1pt=2px,在@3x图情况下1pt=3px.

4、@1x

建议使用“@ 1x”进行设计,其他尺寸图可以从@1x进行衍生。

如果是以@2x进行设计,那么若要得到@3x则要先缩小50%然后再扩大300%,增加了不必要的工作量,并且很容易出现奇数、小数等不便利数值。

5、使用像素网格

创建的每个UI元素都应该和像素网格对齐,防止出现半像素的“锯齿“效果。

文本由于其图形的特殊性,难免会出现无法对齐像素的情况,这里可以忽略。

6、文本元素

文本是页面中最重要的元素之一,但因为其本身的多样性,产生的不同的字体、行高很难和其他元素一起适用网格。因此给文本设置基线网格,将基线网格采用4pt进行等距划分,来和其他元素进行和谐搭配。

二、8点网格

1、基本原理

使用8的倍数来定义区块和内部元素的尺寸,间距等。

当区块元素为文本(例如按钮)时,将文本设置成其余部分一致(或者平台预先定义好)的大小,然后使用padding来确定区块大小。如果是全宽的元素,使用padding来确定高度,并使用一致的水平边距来确定宽度。

2、两种方法

  • 硬网格:将元素放置在以8为增量定义的显示网格中,使用额外的透明背景元素,和前景元素组成一个整体。

  • 软网格:保证元素之间的的间距为8的倍数,以此获得更快的处理速度,从而得到更流畅的体验。

三、为什么重要

1、保持一致性

当所有尺寸都遵循相同的规则时,就有了一致的UI。

2、更少的决定=更少的时间

减少自定义的尺寸规则,得到更快的代码运行速度。

3、多平台设计

无论设备外形如何,主流的屏幕的屏幕尺寸长宽值至少有一个维度可以被8整除。

有一些屏幕的尺寸无法被整除(iPhone 6的375*667pt),只需要保持padding和margin一致,适当调整区块的大小来进行适配。

四、实施技巧

1、对齐网格

确保开启了“对其像素网格”选项。

2、Rems和变量

如果根文根大小设置了16px,则可以使用0.5rem的增量在8点网格上构建布局。

如果不喜欢这样做,或者是不喜欢rems的使用方式,可以使用CSS或预处理器间距变量来处理布局,同时保留变量以供后期维护。

3、定义你的网格

大多数软件都可以设置快速“微调”,一般默认为10px,sketch中可将其调整为8px,便于快速的工作。

4、捷径

学习并善用快捷键,提高工作效率。

5、框架你的图标

图标设计通常需要进行视觉修正,因此,在其周边放置透明框架(例如Hard Grid的方式),来保证整体的一致性。

6、放大、缩小

设计时经常会放大预览界面来进行设计,这会导致会略整体;如果以缩小的尺寸会导致看不到细节,因此要经常变焦画面来确保能看到整个画面。

文章来源:站酷   作者:YMOOM

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


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

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

如何运用情绪板定义视觉风格?

分享达人

前言 

相信每个设计师,平日里都会去关注各种各样的视觉风格、设计趋势,如杂志风格/3D风格/简笔插画/晶白风格/赛博朋克/国潮/新拟态/孟菲斯等等各种各样的视觉风格。但是在了解这么多视觉风格的同时,又不知道什么样的风格适合是自己产品的,做设计时仅仅凭借着直觉跟过往的经验来进行设计,最终导致设计稿禁不起业务方的推敲,并且被贴上设计不专业的标签。 

其实,每一个产品设计都需要设计师花费大量的时间精力去推倒出属于自己产品的视觉风格。而不是仅仅参考当下流行什么设计趋势、设计风格,就开始进行设计。流行的视觉风格大多不会一直流行,只有符合平台调性的视觉风格,才能更好的为产品赋能。 

因此,学会如何定义视觉风格,是每个设计师都需要去学习并且加以运用的。 

什么是情绪板? 

情绪板(英文Mood Board),通常是指一系列图像、文字、样品的拼贴,是设计中最常用的定义设计和视觉方向的设计方法论。 

情绪板的本质在于: 将情绪可视化,将较为抽象的词语转化为可视化的图形等,比如:“安全”这个词可映射出盾牌/锁/警察等等给人们感觉到安全的人事物。 




情绪板的作用?


情绪板能够更加帮助设计师与业务方达成设计共识,并且能够帮助设计师定义视觉风格与找到设计方向,使设计更加合理,为产品赋能。


如何运用情绪板定义视觉风格


情绪板的制作流程


情绪板的制作流程大致分为5步:


1、明确原生关键词


了解项目背景或需求本身的方向,通过内部讨论,用户研究和品牌等方式定出3-5个原生关键词,通常定出的词都比较抽象。


2、挖掘衍生关键词


在原生关键词的基础上让参与者发散得到更精准的二级词语,能够更加准确的定位到图形传达方向,最好是一些情绪和视觉表达的形容词。

可通过视觉映射、心境映射、物化映射,得到用户理解的“抽象关键词”所对应的“具象定义”。


3、搜索关键词图片


确定完关键词后,可在pinterest、花瓣等设计网站上建立情绪板图库,按照人,事,物,形、色、字、构、质等方向收集大量的对应图片素材来匹配关键词。


4、建立情绪板


对应每个关键词,从情绪板图库中提取高质量能够代表关键词意思的人,事,物,形、色、字、构、质去展示,以此唤醒用户对关键词情绪体验。


5、提取视觉风格准则


根据情绪板图库中的图片提取出视觉风格准则,包含:图形、颜色、质感、构成、字体等视觉风格准则。



举个案例说明:


明确原生关键词


讨论原生关键词


了解项目背景或需求本身的方向,通过内部讨论(可叫上产品、运营、老板等进行讨论),用户研究和品牌等方式定出3-5个原生关键词,通常定出的词都比较抽象。



确定原生关键词


从讨论的关键词中提取3-5个最适合的关键词。



2、挖掘衍生关键词


在原生关键词的基础上让参与者通过视觉映射、心境映射、物化映射,发散得到更精准的二级词语,能够更加准确的定位到图形传达方向,最好是一些情绪和视觉表达的形容词。



3、搜索关键词图片


确定完关键词后,可在pinterest、花瓣等设计网站上建立情绪板图库,按照人,事,物,形、色、字、构、质等方向收集大量的对应图片素材来匹配关键词。



4、建立情绪板


对应每个关键词,从情绪板图库中提取高质量能够代表关键词意思的人,事,物,形、色、字、构、质去展示,以此唤醒用户对关键词情绪体验。


5、提取视觉风格准则


根据情绪板图库中的图片提取出视觉风格准则,包含:图形、颜色、质感、构成、字体等视觉风格准则。




总结


情绪板作为一种常用的设计方法论,能够帮助设计师更加合理的总结出合适的视觉风格。设计不仅仅是只是跟随着设计趋势,怎样找到适合产品的视觉风格,是每个设计师更需要去掌握的内容。


以上内容,是学习如何定义视觉风格的其中一种方法,希望对大家有所帮助,如有不同意见,欢迎指正!


图片版权归原作者所有

原文地址:站酷
作者:船长的成长日记

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

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

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

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


提高视觉和交互逼格,UI动效之SVG动画教程

分享达人

最近几年不管是WEB端页面还是APP,使用交互动效越来越多,加了动效的UI页面看上去不再那么枯燥无味,能很好的抓住用户眼球,既提升了用户交互体验同时也更好的展示了产品。通常我们会在哪些场景下使用动画呢?例如菜单图标、载入动画,空白页,产品介绍等都可以使用动画,下面是一些示例:


今天给大家讲解一下如何制作一个svg格式的动画,开始之前先和大家说一下svg是什么,目前web或者app中的动画大多使用svg格式,svg英语全称是Scalable Vector Graphics,它是一种可缩放的矢量图像图形文件格式,这种格式的文件具有边缘清晰、文件体积小、传输方便的特点,因此在网页设计以及APP中比较常用。可以使用Illustrator软件或使用

专业的svg编辑器进行设计输出,svg支持浏览器及任何文字处理工具打开。因此svg格式是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的图形页面。

如果你具有一些代码能力,还可以直接用代码来描绘图像,通过改变部分代码来使图像具有交互功能,并可以随时插入到HTML中通过浏览器或编译器来观看。


综合起来SVG优势如下:


  1. 可被非常多的工具读取和修改

  2. 与 JPEG 和 GIF 图像比起来,尺寸更小,且可压缩性更强。

  3. SVG 可随意缩放

  4. SVG 图像可在任何的分辨率下被高质量地打印

  5. SVG 图像中的文本是可选的,同时也是可搜索的(很适合制作地图)

  6. SVG 可以与 JavaScript 技术一起运行

  7. SVG 是开放的标准

  8. SVG 文件是纯粹的 XML

目前制作SVG动画的软件主要使用AE(需要插件加持)或者在线的SVG动画工具,如svgjson.com等,如果使用AE需要安装bodymovie插件,我平时大部分动画都是使用svgjson工具完成的,所以今天给大家分享的svg动画教程主要也是使用在线工具svgjson来完成(完全免费),它支持导出svg或json格式动画,可以满足不同的需求,目前该软件虽然是英文版的,但是上手还是比较容易,为了更好让英语不是特别好的同学快速上手,我下面做了一个关键功能的中英对比说明。



软件地址:https://www.svgjson.com/editor-page/


如制作一个loading动画

制作要点:

  1. 创建2个圆形,一个底色(浅灰色)一个旋转的圆圈(蓝色)

  2. 在Store中设置Stroke Dash Array的圆圈长度,圆圈长度可以从Information中获取

3. 设置Stroke Dash Array后,开始旋转圆圈的长度,我设置了400,大家可以根据自己的需要进行个性化设置

4. 第四步我们来设置动画,先选择蓝色的圆圈,然后在Transform中设置旋转动画,第0秒为0,第10秒为3600
度(记住别忘记按关键帧动画按钮,第一帧设置了动画,后面更改参数会自动生成动画关键帧)

5. 按空格键或者点击时间条上的播放按钮看看效果,如果没有问题选择导出SVG动画,一个loading动画就完成
了。

完成后效果

上面的动画是通过Angle(角度)来实现的旋转动画,接下来我们可以通过Stroke Dash Offset来设置旋转动画


loading动画进阶教程

先看最终效果

由于svgjson的绘制能力相对较弱,所以我在其他软件中先画了如下图这个动画的基本元素(需要保存为svg格式),然后通过svgjson中的导入svg方式导入。

  1. 首先把“按钮左”和“”放在一起拼凑成一个圆,然后把“按钮中间部分”也放在圆中间,并且把它的Scale X值设为0.

  2. 把载入的圆圈放在刚刚的红色圆中,并设置Stroke Dash Array值和Stroke Dash Offset动画(具体参照上面的动画教程)

  3. 把载入成功的勾号放在载入圆圈中,然后设置动画Stroke Dash Array值和Stroke Dash Offset动画

  4. 再设置按钮左和按钮右位移动画,同时也需要“按钮中间部分”的Scale X的动画


通过上面的2个教程,相信大家对svgjson这个软件有了一个基本的使用能力,svgjson中的Stroke属性下的Stroke Dash Array和Stroke Dash Offset功能还是蛮强大的,可以通过这2个参数设置很多丰富的动画效果。

下面的动画主要使用x轴缩放功能实现的交互,当然也可以使用Stroke Dash Offset参数实现动画效果。

这个动画的核心点在设置对象的中心锚点位置,默认对象的中心点在中心,这个教程是把对象中心点移到了左侧

接下来给大家演示如何制作一个变形动画,变形动画也是一个非常常见的交互

这个教程重点是对象的缩放,缩放前需要设置锚点位置,然后就是设置x轴和y轴的偏移值。


总体来说,svgjson网站提供的动画能力还是很强的下面是我制作的项目样例:



原文地址:站酷
作者:Snmendala

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

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

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

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

简单实用!系统化总结「地图标签」设计

seo达人


一、地图组件的四种类型

1、图标
地图上只标记图标,这种呈现方式能最大程度地显示地图上的信息,减少内容遮挡,也是在设计中首先要考虑的类型。

2、文本
如果地图上标记的内容没有合适的图标能展示出来,可以直接利用文本来描述。

3、图标和文本
随着地图的放大缩小,气泡信息的详细程度也会发生变化。地图放大时将图标和文本相结合可以显示更多的信息,而缩小时只显示图标。

4、图标、文本和注释
图标,文本和注释相结合的形式虽然能显示更多的信息但是需要谨慎使用,因为气泡的尺寸太大会遮挡地图的内容,反而影响使用。

只有当气泡内容能显著提升用户体验时,才使用这种类型。

 

二、地图组件的视觉样式

大多数场景中,地图组件的底部会有一个突出的箭头,用来标记确切的信息或地址。
考虑到后期开发的难度,箭头的位置应始终位于组件的中间。另外如果一个页面中有多个地图组件,可以将箭头调整到顶部,防止发生重叠。

 

1、颜色

组件的颜色比较灵活,默认情况下是白色,但可以通过改变背景色来匹配品牌色。
颜色通常出现在图标后面用来强调信息,如果没有图标可以把整个气泡组件都填充上颜色。

根据背景色的不同,文本和图标尽可能使用黑色或白色,减少对内容的干扰。
2、状态
地图气泡尺寸的大小根据点击需求确定。白色轮廓加上胶囊形状让用户能够快速识别出可点击的对象,选定后气泡颜色会反转。

3、内容缩放
组件基于地图缩放级别和缩放速度展示不一样的动画效果。

 

三、组件可用性指南

如何判断设计出来的组件是否适合用户使用?组件需要怎样设计才能适用于不同的使用场景中,有没有统一的规范?
1、组件状态
面对不同场景中的组件,提供多种状态:重叠、可见、收缩、聚类、分离

 

2、密度

地图中至少要保持40%的内容是始终可见的,这样用户可以明确位置信息,防止产生误操作行为。

利用聚类功能将相邻的气泡组件合并在一起,通过数字显示包含的内容,这种形式利于用户理解和操作。

 

3、易读性
易读性在地图中很重要,例如用户手持使用手机时组件中的字体为15pt,当用户驾驶导航时组件的字体会变为24pt。

另外还要考虑语言的选择对组件的影响,最好避免在气泡组件中使用长串字符,以防止地图中的信息被遮挡。

如果必须要显示长串字符,需要把气泡组件的尺寸水平拉长至地图尺寸的75%,然后换行且最多只能显示两行文本。

 

四、总结–点击即导航

在开始设计地图UI界面之前,有必要花费时间了解地图组件的样式、类型和可用性指南。
通过这些信息可以帮助设计师更快地确定方向,从而设计出清晰美观的地图界面。

 

原文地址:Medium

译文地址:Clip设计夹(公众号)

作者:Linzi Berry

译者:Clippp

 

转载请注明:学UI网》简单实用!系统化总结「地图标签」设计

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

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

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

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

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



智慧工地上的阿里云数字设计

seo达人


为什么是工地?

此时的笔者,站在阿里云EFC的落地窗前,目力所及的城市,只由两部分构成:高耸的楼宇,和楼宇间的工地。

为什么是工地?

因为如果建筑里有城市的现在,那工地里有城市的未来;

过去数十年,让整个中国变成一个大工地,而现在这个大工地,正一步步完成数字化转型。

工地的数字化,是产业数字化转型的重要一环,这一环所联结上的,是数十年的高速发展中粗放的建筑开发模式带来的诸多问题:工地安全事故、建筑质量问题、管理信息化缺失等等。而物联网的硬件基底、云计算的弹性资源、人工智能的智慧技术相结合下,正孕育着新一代的智慧化工地信息管理解决方案。

阿里云智慧工地AI服务平台,便是阿里云A组空间智能面向在建工地的一款智慧施工和验收的产品,结合视觉、语音、文字等AI技术,对项目现场采集到的传感器数据进实时分析和预警,智慧度量施工品质、智能识别项目进度、多维数据评估工地风险等级,让工地少出事,管理更轻松。
设计上,我们结合阿里云AI LAB(阿里云人工智能实验室)的BIM模型智能生成技术,以及阿里云设计中心自研的GDS WebGL图形技术,实现了实时、三维、全景的数字工地可视化,为智慧工地产品赋予了更震撼的视效和更高效的信息展示。
这时,熟悉可视化设计领域的朋友会说了,这不就是个大屏吗?
是的,你可以说这就是个大屏。
但在阿里云设计中心GDS的能力加持下,我们既达到了高定制项目级大屏的视效效果,却也保留了浏览器端的高性能渲染和高复用性,从而形成和同类产品的代差优势。

什么是GDS?全称Generative Design Studios,取意生成式设计。它是一个 WebGL图形技术基础能力,是由阿里云设计中心自研的一个JS代码库,可高效复用与迭代于多种实时计算的特效。它用算法思维去做设计,专注在解决渲染层的图形技术与视觉效果问题,通过参数、配置接口化去反应设计、逻辑、功能之间的响应关系,对基于WebGL的图形开发做中台能力支撑。

简单的说,GDS生成的3D场景:
它不是那种建模一星期渲染三小时、在专业的一体化软硬件下勉强达到30帧/秒的“游戏级”大屏;
它是那种建筑BIM模型智能生成、大屏级视效实时渲染、同时在消费级电脑上流畅运行60帧/秒的“产品级”大屏;
而为了达到这一点,我们做了三件事情:

 

从智能生成的BIM模型,到高性能的glTF模型

传统的建筑模型生产严重依赖人工建模,高成本且难以规模化。而BIM建筑信息模型(Building Information Modeling),通过人工智能与计算机算法将CAD施工文件进行解析,并智能生成1:1高还原度的3D建筑模型, 为智慧城市等创新与数字管理产品提供更智能的模型来源。
在智慧工地中我们率先使用阿里云AI LAB的BIM技术生成工地的主楼宇模型。

同时,由于智慧工地的客户端最终是一款在浏览器里运行的SaaS级产品,3D可视化部分全部由WebGL技术实现的实时渲染(Real-time Rendering)。在浏览器端,为了出色性能表现,需要专业的设计手段对于模型的Mesh(3D多边形面体),Vertices(节点)以及Faces(面数)进行极高要求的优化与减面,才能使产品能够高性能地应对庞大的3D场景实时渲染,并达到生产标准。

实时渲染是指屏幕上呈现的图形是一直在不断计算,100%通过代码成像,它能达到60帧/秒代表性能卓越与流畅。实时渲染的动画并非3D软件渲染输出的视频动画,因为它是通过代码在实时运行,所以对于参数化、动态生成、样式切换、互动事件与操控绑定,以及联动实时数据方面有着视频动画不可替代的优势与价值;

实时渲染,每一个模型的节点都会牵涉到性能。我们亦使用Blender 3D软件进行BIM模型的进一步优化,以及对于UV、贴图等3D开发的前期设计工作进行处理。最终模型质量优化率达到95%+,产出WebGL开发渲染所需的高性能 glTF(Graphics Library Transmission Format)模型。

— 智慧工地通过GDS生成的3D场景线框与高性能表现的低面节点数

 

三维地理场景自动化代码生成

要搭建一个真实的工地场景,只有主施工楼宇模型还不够,还需要还原工地周边的城市场景,让空间更加真实和立体。通过GDS的内置能力,除智慧工地的施工楼宇模型之外,周边所有地理和城市场景,都是100%通过代码直接生成的。简单来说,整个城市的三维建筑,不再依赖于人工建模与贴图,通过图形的计算,就能把3D场景、样式用代码生成出来,这大大提高了生产力。

— GDS 全参数化100%代码生成的城市楼宇元件与地形元件,实现去人工、零手工模型贴图

传统的大屏工作流中,真实的城市环境生成,强依赖于城市GIS地图卫星数据,这有着很高的采购和接入门槛。而在GDS的图形能力中,我们需要的只是一张简单的公共地图图片:施工中的工地是没有GIS地图卫星数据来源的,我们从公共数据(e.g 高德地图)获取到工地的片区图,用设计工具勾勒出地理位置概貌,将其转换为SVG色块,再通过GDS的解析脚本算法,把SVG形状换算为3D空间的相对位置坐标,用于3D场景的几何生成。

— GDS解析地理场景,把SVG点位换算为3D生成所需的分层几何数据

 

— GDS解析不同数据,对应生成不同3D场景。无需人工建模、大量提效

 

在消费级电脑上实时渲染大屏级视效

所有人都喜欢酷炫的视效,但酷炫的视效总是需要价格不菲的硬件支撑。在智慧工地项目中,同样基于GDS针对城市场景的高度优化和高性能,代码生成的大屏级的视觉效果得以实时运行在更多更广泛的设备平台上。
在设计智慧工地的可视化中,为了达到更好的视觉特效,我们所有的材质都来自GDS的多种Shader(图形着色器),包括实时计算的环境映射模拟(HDRI Refelection)、车流道路模拟、根据深度计算的漫反射阴影(Depth-based Soft Shadow)、SSAO、极光聚焦特效和进度指示器等等,通过自研的Shader等技术方式,最大化与最灵活的达到理想的设计效果。

— 实时数据联动施工进度演示

代码生成的设计,原生也让我们有了更多设计上的可能性,比如:参数化样式可秒级切换;
智慧工地可视化原生集成了参数化配置,且拥有极高的复用性与易于迭代。目前GDS提供了数套不同风格的样式配置预设,在样板间中我们可以看到整个3D场景的风格无缝切换在秒级速度中智能完成。利用参数化风格的原理,我们也可以联动实时数据,零成本、智能地实现深色、浅色、日夜的不同风格切换。

除了基础的建筑模型展示之外,还有诸多业务信息也要进行可视化呈现,例如施工进度、施工现场传感器状态、天气信息、报警信息等。这些数据并不是生硬地以二维图表传统的数字呈现,而是通过不同视效的表达融合在三维场景中。这样一个基于“真实业务场景”的三维工地,才是一个与现实同步运转,实现视觉表达、数据流转和人机互动统一的数字平行世界。
基于传感器数据的计算机视觉智能识别是智慧工地产品的核心能力,我们通过上文提到的GDS地理位置解析与计算,可以映射出施工现场传感器设备的相对坐标,实现在可视化中联动设备的挂载。结合阿里巴巴达摩院的视觉智能识别等多重技术能力,工地中每一个传感器设备的状态,报警等信息都可以在三维场景里一键点击获取。

— 传感器设备在3D场景中通过坐标换算进行挂载

THE SMART

CONSTRUCTION SITE

BY ALIBABA CLOUD

TECHNOLOGY

 

— 阿里云智慧工地样板间演示

 

如果说以上还更多是视觉和技术的展示,那接下来的问题是:

 

我们为什么从设计出发,却要不断突破边界,去追求技术、性能和设计表达上的极限平衡呢?

因为海和山就在那里。
〇 海是蓝海。
2018年,我国智慧工地行业市场规模就达到99.1亿元,同比增长24.03%;与此同时,全国95%以上的工地仍处于原始状态。粗略估算,国内整个智慧工地市场规模容量可达上千亿元。

市场的规模只是一部分,建筑业的务工人员,数以亿计。国务院安委办通报显示,建筑业事故总量已连续9年排在工矿商贸事故第一位,事故起数和死亡人数自2016年起连续“双上升”。解决工地数字化的问题,也是在解决施工安全和施工质量的问题。

 

〇 山是高山。
智慧工地的普及,难点之一是效率。市场中常规的智慧工地产品往往以定制化项目的形式进行交付,每覆盖一个新的工地场景,都需要针对性的从头进行三维场景的设计和搭建,时间和人力成本巨大。

而智慧工地借助BIM模型自动生成及GDS的代码生成能力,最大程度节约了人工环节的耗时。参数化配置的视觉样式,也能无缝在任何一个项目中使用。

目前阿里云A组空间智能智慧工地AI服务平台已经成功落地阿里内外多个项目,并被10家以上智慧工地集成服务商集成,正面向全国各地的工地进行全面应用,驱动传统行业数智化。我们希望设计能力的植入,能为行业提供一套标准化的三维场景搭建方案,缩短项目开发时间,保证高复用性,并借助生态伙伴的力量,真正实现规模化的智慧工地产品。

所以,为什么是工地?

仔细看,那一片片智慧工地中的,是襁褓中的智慧城市。

 

原文地址:阿里云设计中心(公众号)

作者:阿里云设计中心


转载请注明:学UI网》智慧工地上的阿里云数字设计

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

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

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

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

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



日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档