首页

设计师和前端开发,如何实现高效协同的工作流|北京蓝蓝UI设计公司

ui设计分享达人

开发做的界面和设计稿差异巨大,或者完全不是一回事,是非常普遍的现象,也是最困扰UI设计师的问题之一。很多时候设计师辛辛苦苦设计了半天,最后落地的成品货不对板,这就等于对之前设计的全盘否定,让我们产生工作的内容毫无意义的想法。

如何给界面做减法,实现B端设计提效效果?|北京蓝蓝UI设计公司

ui设计分享达人

首先看我们这次改版的对象:

如何给界面做减法,实现B端设计提效效果?

光凭第一印象,整体效果是还不错的,落实到每个局部的话,布局也是合理的,可以看到是有设计的细节在里面.jpg。

但是,再多看几眼,就会发现整体的效果似乎有点不和谐,但又找不出来问题具体在哪,不知道怎么改下去。问题的根源就是 —— 过度设计。

我们强调过很多次,表盘页的设计是作品集项目中最重要的页面,因为观看者对整体视觉和设计水准的印象是通过它建立起来的,不管你分析怎么写,我们首先关注的肯定也是设计的效果。

但重要不代表需要过度倾注和堆叠视觉元素,过度的设计会让界面看起来有 “飞机” 敢,不仅不真实的印象产生了,还会显得业余不够自信。同时任何项目中表盘页过度设计都会对整个项目造成负担,后续的页面要怎么设计才能不和它产生隔阂,保持一致性。

下面,我们根据原页面进行分析,来找出问题并优化:

问题 1:导航栏的图标

导航的顶部 LOGO 描边没有太大必要,以及图标的设计在这个尺寸下非常的局促,因为细节较多,不仅复杂性提升了,也缺乏图形辨识。

所以改动中,将多余的背景去掉,再简化图标本身的样式。


如何给界面做减法,实现B端设计提效效果?

问题 2:顶栏的设计

顶部栏本身设计单看是没有问题的,但是作为全局栏目和导航栏颜色缺乏区分,而且用了投影来强化层次,就让这个模块的权重被过度放大。

所以我们去掉了背景色,并适当增高栏目的高度,让局部更舒展。

如何给界面做减法,实现B端设计提效效果?

问题 3:统计数字的问题

统计数字在作品展示里用特殊字体很常见,因为要用更美观的字体来呈现重要的信息。但任何页面中的信息权重都要保持阶梯性,不能让加粗、深色、特殊字体几个要素作用在过多的信息上,这就让画面显得非常的“吵”。

所以要对字重和色彩做控制,创造对比来降低视觉的压力。

如何给界面做减法,实现B端设计提效效果?

问题 4:图表的应用

原图中的图表应用有一定的问题,第一个柱状的堆叠类型并不是太符合实际数据应用,下方的环形图中起始位置显然不对,并且色彩比较混乱。

所以是答案对它们做出优化,并调整了一些小细节。

如何给界面做减法,实现B端设计提效效果?

问题 5:配图类型选择

在引导卡片中,用的扁平插画素材一方面不高级,另一方面内容太碎,再加上用奇怪的字体和倾斜,使得这个卡片看起来非常别扭。

改动中替换新的图片素材(临时找的,理解意思就行),同时使用一般黑体的标题,以及增加背景色,来形成新的卡片样式。

如何给界面做减法,实现B端设计提效效果?

问题 6:装饰图标应用

在快速入口和日程模块中,都有使用装饰图标,显然大家也能理解他们对于目前的语境来讲还是细节过多了,所以需要做一些调整,让它们简化。

如何给界面做减法,实现B端设计提效效果?

最后,再加上一些细节的小改动,最终的样式就完成了。


如何给界面做减法,实现B端设计提效效果?

表盘的设计一定要在最后做检查,一些设计感强的元素是否有必要这么做,尤其是类似图标元素,做得很花哨是否对信息的识别能带来帮助?如果不行,那就可以果断的放弃。

表盘页的设计感来自 —— 全局元素和色彩的控制,而不是单一某个局部内容的加强。

文章来源:优设
作者:酸梅干超人

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

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

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

AIGC | B端视觉设计全攻略-手把手教程|北京蓝蓝UI设计公司

ui设计分享达人

人工智能的崭新概念正在逐渐改变我们对设计的认识和实践方式。在这个数字化时代,AI不再仅仅是一种辅助工具,它已经成为设计师的得力助手,能够提供更高效、更智能的设计方案。在B端设计视觉中,AI的应用为我们开辟了一条通向更优质设计的道路,本文将深入探讨如何借助AI技术,辅助设计师完成B端设计视觉。无论你是刚刚踏入设计领域的小白,还是经验丰富的资深设计师,都可以利用AI工具来提升设计效率、优化视觉效果。

AIGC|海报落地设计流程

ui设计分享达人

从几个月前AIGC的兴起到现在,各行各业已经有许多团队将之运用在工作流程当中。其中,Midjourney的到来,不仅在一定程度上提升了设计师们的工作效率,也为设计师提供了更多设计方式上的可能性。其快速出图的特点帮助设计师节省了设计初稿的时间,可圈可点的画面构图与光影关系又给设计师带来许多灵感与参考。那么,到底该如何运用Midjourney来帮助我们将一个项目落地呢?本文将以一个大型活动的主视觉设计案例,解析如何利用Midjourney,来帮助我们从最初的构思到最后项目落地。

设计师如何洞察客户行业|北京蓝蓝UI设计公司

ui设计分享达人

设计的价值怎么衡量?更有钱?更有名?更有权?全都不是工作价值 = 社会需求 X 生态位 也就是设计在越大越难的社会需求中,承担越大越难的职责,那就意味着有更大的价值。钱也好,名也好,权也好,都只是真正价值交付后产生的副产品,我们把这些副产品暂时抛开,关注事情的本质。

如何利用激励体系提升用户粘性|北京蓝蓝UI设计公司

ui设计分享达人

用户激励体系是促进用户增长和活跃的常用手段,无论是节假日的各类运营活动,还是各种等级、积分体系,都称作激励体系。因此很多人会困惑:为什么有的产品有 “积分” 又有“金币” ,好像重复了?其实不然,它们是两套并行的激励体系,各自发挥着重要作用。激励体系复杂多样,因此笔者基于最近的实践经验和理论积累,将论述常见的用户激励方式,以及针对好看视频APP人群分层设计激励体系的思路。

宏观视角:聊聊AIGC对设计行业的影响与启发

ui设计分享达人

生成式AI到了技术发展从开始走向期望的膨胀期,现象级产品已经出现;
在产业结构中,AI智能应用近乎爆发的状态;
生成式AI的可控性突破也是爆火的重要原因之一。

搜索金融精细化体验设计|北京蓝蓝UI设计公司

ui设计分享达人

精细化设计是可被复用标准化方法,通过精细化分析深入理解用户需求/痛点,制定有效的设计策略写在前面

为什么要做精细化设计

1)不同圈层用户需求不同,如股票小白、一般散户、专业用户群体,特点不同,需求也不同,充分对用户进行挖掘、细分才能更好的理解用户。

2)在产品同质化严重背景下,精细化设计是一条能持续产生创新收益路径。

3)互联网新流量获取困难,比起抢占流量,当下更重要的,是提升用户粘性、更好的服务用户、打造精细化服务体系。

纯干货!如何利用激励体系提升用户粘性

ui设计分享达人

前言
用户激励体系是促进用户增长和活跃的常用手段,无论是节假日的各类运营活动,还是各种等级、积分体系,都称作激励体系。因此很多人会困惑:为什么有的产品有 “积分” 又有“金币” ,好像重复了?其实不然,它们是两套并行的激励体系,各自发挥着重要作用。激励体系复杂多样,因此笔者基于最近的实践经验和理论积累,将论述常见的用户激励方式,以及针对好看视频APP人群分层设计激励体系的思路。

UI设计体验如何提升?|北京蓝蓝UI设计公司

ui设计分享达人

SaaS 产品体验要求越来越高,用户体验已经成为产品竞争力的重要组成部分,怎样在多业务线的产品环境中做好体验设计,本文从贴合业务线的设计规范、敏捷易用的前端组件库、产品研发协作流程保障、UI体验文化打造、UI设计质量品控5个方面阐述项目快速、规模化提升多产品线整体体验过程中方法论和实践经验。

日历

链接

个人资料

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

存档