首页

如何进行表单体验优化-中台系统

鹤鹤

本篇文章将分享Web端表单体验优化等相关内容,分析设计师在设计B端类产品时如何让用户愉悦并高效的填写表单。表单作为基础通用组件,也是在各个企业级中台中出现频率最高的元素之一。在用户界面中表单无处不在,比如:用户注册登陆页、支付页、用户反馈、共享信息数据录入等不同类型的表单。当我们使用/设计表单页面时看似是按钮、输入框等表单组件进行组合搭配使用,看似简单,但是在实际业务使用中却有着无数可推敲的细节冒出来,常常给设计师造成较多的困扰。

后台表单设计中的思考

鹤鹤

表单页作为B端设计中常见页面之一,在设计过程中如何解决用户的问题如何降低使用者的录入负荷。一点小小的经验供大家参考~在使用表单组件、或设计表单页面时,很多设计者都是根据自己的直觉或者个人经验本能驱动解决排列、布局的一些问题。但又会有很多的疑惑会从过程中冒出来困惑设计师,导致自己的设计很难使产品、开发等信服。每一个设计都离不开解决某问题或达到某个预期,好的表单设计往往都能让用户快速get到关键信息同时快速准确录入信息,降低使用者填写负荷。带着这样的设计目的结合业务内容将表单进行分组,结合适当的设计策略,这样能使设计方案更加有理有据。

网页后台设计:列表设计、表单设计

鹤鹤

一个完整的后台,由菜单/导航、数据/图形展示、表格、表单、控件/组件以及弹窗等构成,下面跟大家分享后台中的表格和表单的设计细节当接到一个全新的网页后台项目时,首先确定设计风格,然后考虑这个后台尺寸是做居中固定式,还是全屏响应式(上一篇文章已经跟大家分享了网页设计的画布尺寸)。全屏响应式的网页设计,选择怎么样的屏幕来做效果,就显得有些主观了,除非有规定,否则你可以选择任意主流尺寸作为基尺寸来设计网页。当然,不管选择什么尺寸,都得基于做好一个后台而开展工作。

后台系统中,如何高效的设计表单-标签篇

鹤鹤

表单在我们的工作生活中非常见,表单对于企业和个人同样至关重要,当涉及到数据收集时,我们大多数情况下会采用表单。比如,我们在出国申请护照的时候,我们需要填写的纸质的申请资料,就是表单。我们在淘宝京东下单买东西时填写的个人信息,地址的时候,也是表单。表单有数据收集,校验和提交的功能,其中核心功能是采集数据信息,可以看成是采集、传递、提交数据的中间媒介。表其作为获取用户输入的重要交互方式,也承担着将问题和答案进行配对的角色。包含复选框,单选框,输入框,下拉选择框等元素。

让你快速熟悉近十年流行的16种插画风格|兰亭妙微UI设计公司

涛涛

让你快速熟悉近十年流行的16种插画风格|兰亭妙微UI设计公司

近十年来,插画领域出现了许多流行的风格,每种风格都有独特的特点和魅力。本文将介绍近十年流行的16种插画风格,帮助你快速熟悉这些风格。

  1. 扁平设计风格 扁平设计风格强调简洁、清晰的图形表达,平面化的色彩和简化的线条。它通常使用鲜艳的颜色,抽象的形状和图标化的元素来传达信息。

  2. 水彩画风格 水彩画风格通过透明而广泛的色彩展示出柔和和温暖的感觉。它通常使用混合和模糊的技法,创造出有机和柔和的效果。

  3. 手绘风格 手绘风格强调手工绘制的质感和生动性。它可以是简单的草图,也可以是精确的描绘。特点是线条鲜明,充满表现力。

  4. 光影风格 光影风格通过强调光线和阴影的明暗对比,营造出生动逼真的效果。这种风格常用于科幻、奇幻和超现实主题。

  5. 平面视觉风格 平面视觉风格注重创造出平面化的空间感,通过透视和图形排列等技巧,创造出简洁而引人注目的图像效果。

  6. 表现主义风格 表现主义风格强调情感和表达力,通过夸张和变形的手法来表达个人的内心感受。这种风格常用于艺术和文学插画。

  7. 卡通风格 卡通风格以夸张的表情、简化的形态和明亮的色彩为特点。它通常用于幽默、童话和动漫领域。

  8. 现实主义风格 现实主义风格追求画面的真实感和细腻程度,力图创造出与现实世界相似的效果。这种风格常用于肖像、风景和绘画插图。

  9. 3D渲染风格 3D渲染风格通过计算机生成的技术,创造出逼真的3D图像。它通常用于游戏、电影和广告等领域。

  10. 细腻笔触风格 细腻笔触风格注重线条的精细和纹理的真实感。它通常通过渐变和阴影来创造出细腻而逼真的效果。

  11. 幻想风格 幻想风格以奇幻、神话和魔法为主题,通过极富想象力的场景和角色,创造出神秘而迷人的效果。

  12. 精致民族风格 精致民族风格结合了民族文化的元素和绘画技巧,强调传统和民俗的图案和色彩。它常用于民族艺术和手工艺品的插图。

  13. 简约风格 简约风格强调简单、纯粹的设计语言,追求最少的元素来表现最大的效果。它通常使用极简的线条和鲜明的色块,使图像更具冲击力。

  14. 黑白插画风格 黑白插画风格通过使用只有黑色和白色的颜色,强调形状和阴影的变化,创造出独特的视觉效果。它通常用于书籍、报纸和杂志的插图。

  15. 平面化插画风格 平面化插画风格以简化和扁平化的设计为特点,强调图形的表现力和色彩的鲜明度。它常用于品牌设计和广告。

  16. 洛丽塔风格 洛丽塔风格注重可爱和甜美的形象,以少女为主角,强调少女特有的柔和和梦幻感。它常用于宣传海报、时尚杂志和广告等。
    以上是近十年流行的16种插画风格的简介,每一种风格都有不同的魅力和应用领域。随着时间的推移,插画领域将继续推陈出新,创造出更多独特的风格和表现形式。希望这些介绍对你在插画创作和欣赏上有所帮助。
    蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
    蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

B端产品-部分竞品分析

鹤鹤

收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏3

作者:江小白爱喝牛奶
链接:https://www.zcool.com.cn/work/ZNjU5MTU5NTI=.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

深度解读VisionOS设计原则,掌握设计趋势

博博

VisionOS是一个全新的操作系统,设计初衷是提供更智能、更简洁、更人性化的用户体验。为了实现这一目标,VisionOS拥有一套独特的设计原则,本文将深度解读这些原则,并探讨其如何引领下一代设计趋势。

一、简约与纯粹(Simplicity and Purity)
VisionOS强调简约与纯粹的设计风格。界面布局流畅简洁,清晰明了,消除了多余的视觉噪音。不仅如此,VisionOS还追求纯粹的用户体验,通过减少不必要的元素和干扰,让用户专注于核心操作,提升操作效率。这种简约与纯粹的设计风格将成为未来设计的主流趋势之一。

二、智能与个性化(Intelligence and Personalization)
VisionOS具备强大的人工智能能力,能够根据用户的喜好、习惯和行为智能化地提供个性化的体验。系统能够自动学习用户的偏好,为其呈现符合其兴趣和需求的内容和功能。这种智能与个性化的设计趋势将成为下一代设计的关键。

三、自然与无缝(Natural and Seamless)
VisionOS注重自然与无缝的交互体验。系统借助先进的技术,如语音识别、手势控制等,使用户能够以更自然的方式与设备进行交互。同时,系统还能够实现多设备之间的无缝切换和互联,让用户的使用体验更加流畅和高效。

四、安全与信任(Security and Trust)
在数字化时代,数据安全和用户信任成为设计的重要考量。VisionOS将安全性和信任度置于首要位置,采用先进的加密技术和隐私保护措施,确保用户数据的安全和隐私。同时,系统提供透明的数据使用和共享机制,建立用户与系统之间的信任关系。

五、可持续与生态(Sustainability and Ecosystem)
VisionOS致力于建立一个可持续的生态系统,与不同厂商和应用开发者合作,共同打造丰富多样的应用和服务。系统通过开放的API接口和生态伙伴计划,促进创新和合作。此外,VisionOS还积极推动绿色环保理念,降低能源消耗和环境影响。

总结:
VisionOS的设计原则包括简约与纯粹、智能与个性化、自然与无缝、安全与信任,以及可持续与生态。这些原则不仅仅是VisionOS的设计理念,更是未来设计趋势的重要方向。尽管VisionOS是一个操作系统,但其中所蕴含的设计思想和理念对于各行各业的设计师和从业者都具有启示意义。掌握这些设计原则,并将其运用于实际设计中,将有助于推动下一代设计的发展和创新。

蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

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

保姆级教程!用AI快速生成好看的艺术二维码?

博博

以下是如何利用人工智能快速生成出色艺术二维码的正式介绍:

  1. 背景介绍:二维码是一种以方形矩阵为基础的条码图形,广泛应用于信息传递和交互。通过结合人工智能技术,我们可以快速生成具有艺术美感的二维码,使其更加吸引人眼球。

  2. AI图像生成:人工智能技术中的图像生成模型可以通过学习大量的艺术作品和设计样本,生成出与传统二维码不同的创意形状和装饰。这些模型利用深度学习算法生成独特的纹理、颜色和图案,以提升二维码的艺术感。

  3. 色彩和构图设计:AI生成的艺术二维码可以通过选择和调整色彩方案来营造特定的氛围和风格。设计人员可以根据应用场景和品牌形象,选择合适的配色方案,并对图像进行构图设计,以确保二维码的视觉吸引力和易读性。

  4. 自定义风格:AI技术还使得二维码的艺术风格可以高度个性化和定制化。设计人员可以根据需求调整生成模型的参数,以实现不同风格的二维码,如抽象、卡通、水彩等。这种个性化的设计能够提升二维码的独特性和识别度。

  5. 功能保留:尽管美化了二维码的外观,但AI技术仍保留了二维码的识别和解析功能。生成的艺术二维码仍然可以通过二维码扫描器进行扫描和解码,从而实现信息传递和用户互动的功能。

请注意,艺术二维码的生成过程需要结合专业的设计技能和AI工具来实现最佳效果。设计人员应快速熟悉和掌握相关工具和方法,以确保生成的艺术二维码达到预期的效果。

通过利用人工智能技术生成艺术二维码,我们能够为信息传递和品牌推广带来更具吸引力和创意的方式。期待您能够尝试并创造出您的个性化艺术二维码。

谢谢!如果您有任何其他问题,请随时向我提问。

今日分享这篇文章是蓝蓝设计的原创文章,未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

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

Midjourney应用UI工作流

博博

mj大家都很熟悉了,但是目前很多还是在用它做海报、运营banner、ip等形象,那么作为UI设计如果运用mj到工作流中,最近一直在探索这方面,目前来看背景、图标是可以成熟的运用到工作流中,下面就来讲讲心得

先看结果,下面是我用mj生成的弹窗页面和功能页面,bc都进行尝试,感觉效果还是不错~

基础知识

Midjourney分为很多模式,如V4\V5\V5.1\niji4\niji5等模式,先了解这些模式什么意思,直接从v4说吧,v4之前基本用不到了;
v4:通用模式,适用于各个风格行业,但产出的图质量和细节不是好
v5:写实模式,产出的图更加风格,更加细节,风格偏向写实
v5.1:最近刚出的模型,在v5基础上产出的图细节更丰富
niji4/5:产出的图基本就是二次元风格,可以想象为宫崎骏风格,当然加一些特殊词也可以生产3d图

生图与喂图

众所周知mj可以支持生图以及喂图,我在工作流中两者都进行了使用,具体来讲一下流程。
先说生图,就是直接拿关键词输入进去就可以出图了,但是这种一般都是随机的无法达到自己想要的效果,比如下面我直接用关键词生成b端图标以及喂图出来的图标她们之间的差距;
左侧是直接生成的图标,可以看到结构以及配色上都特别脏乱,右侧通过喂图之后就会更加干净

常用指令/后缀

常用指令:

/imagine 要求画图
/describe 反向识别图片,用于喂图提取关键词
/settings 设置参数

常用后缀:

--s 700 数值越高,越偏离描述
--q 2.5 越小出图越快,细节也越少
-- iw 1 数值越大越偏离你喂的图
--ar 16:9 控制比例
:: geed 4.5 图片权重,让生成的图侧重哪些关键词
--no geed 加什么不会出现什么

前期设置

使用niji模式生成UI图标
第一行:使用niji5模式
第二行:默认风格化也就是 --s 值
第三行:默认风格
第四行:默认

第一行:使用v5模式
第二行:默认
第三行:默认

实际操作

第一步:

/imagine 内输入下面咒语
A UI interface gift box, icon design, UI, Disney, Clay material, bright color, 3d art, clean background, Oc rendering, The background is black, c4d, blender, 3d, 8k, HD -niji 5 --style expressive --s 180
一个UI界面礼盒,图标设计,UI,迪士尼,Clay材质,亮色,3d艺术,干净背景,Oc渲染,背景为黑色,c4d,blender,3d,8k,HD

关键:粘土材质、迪士尼、UI图标

第二步:

U1-U4对应四张图,可以选择自己满意的图进行放大,如果不满意可以使用V指令,针对某一张图在进行生成

第三步:

使用ps或者其他软件进行扣图

第四步:

进行色彩调整

第五步:

进行页面融合




作者:爱吃猫的鱼___
来源:站酷



蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~

希望得到建议咨询、商务合作,也请与我们联系01063334945。 



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



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

如何做好B端产品的竞品分析

鹤鹤

作为B端产品,竞品分析是非常重要的一环,可以帮助我们了解市场和竞争对手的情况,制定更好的产品策略和营销策略。以下是一些关于如何做好竞品分析的建议:

1.明确分析目的和范围:在进行竞品分析前,我们需要先明确分析的目的和范围。例如,我们要分析的是哪些竞争对手,分析的重点是哪些方面,分析的数据来源是什么等。

2.收集竞品信息:收集竞品信息是竞品分析的基础,我们可以通过多种方式收集竞品信息,例如搜索引擎、社交媒体、行业报告等。需要注意的是,我们需要收集全面、准确的竞品信息,避免歪曲事实或者忽略重要信息。

3.对竞品进行比较分析:在收集到竞品信息后,我们需要对竞品进行比较分析,了解它们的优势和劣势,找到我们产品的差异化竞争点。比较分析可以从多个角度进行,例如产品功能、定位、用户体验、营销策略等。

4.总结竞品的趋势和特点:竞品分析不仅仅是对单个竞品的分析,还需要总结竞品的趋势和特点,了解市场的发展趋势和竞争格局。这可以帮助我们更好地制定产品策略和营销策略,抢占市场先机。

5.不断更新竞品信息:市场和竞争对手的情况都是不断变化的,我们需要及时更新竞品信息,以跟上市场的变化和竞争对手的动态。这可以帮助我们更好地应对市场挑战,保持竞争优势。

6.分析竞品的营销策略:除了产品功能和用户体验等方面,竞品的营销策略也是可以分析的重要方面。我们可以了解竞品的宣传渠道、广告投放、促销活动等,以及它们的效果和反馈。这可以帮助我们更好地制定自己的营销策略,吸引更多的用户。

7.针对竞品的问题进行改进:在竞品分析过程中,我们可能会发现一些竞品存在的问题和不足。我们可以借鉴这些问题,对自己的产品进行改进,提升用户体验和产品竞争力。

8.多角度思考竞品分析:竞品分析不仅仅是对单个竞品的分析,也可以从多个角度进行。例如,我们可以对竞品的用户画像、收费模式、技术实力等方面进行分析,以更全面地了解竞品和市场。

9.与其他部门沟通协作:竞品分析需要多个部门的协作,例如市场部门、产品部门、研发部门等。我们需要与这些部门进行沟通协作,共同分析竞品和市场,制定更好的产品和营销策略。

总之,竞品分析是B端产品开发和营销过程中非常重要的一环,需要全面、准确地分析竞品和市场,以制定更好的产品和营销策略。


那好的B端产品有哪些特点呢?

1、专业性:B端产品通常是为特定行业或职业群体设计的,需要具备专业性。好的B端产品需要深入了解用户的需求和行业特点,提供专业化的解决方案。

2、易用性:虽然B端产品的用户通常是专业人士,但好的B端产品也需要具备易用性,让用户能够快速上手并且高效地使用。产品的界面设计、操作流程等都需要考虑用户使用的便捷性。

3、可靠性:B端产品通常是核心的业务系统,需要具备高可靠性和稳定性。好的B端产品需要经过严格的测试和验证,确保系统的稳定性和数据的安全性。

4、可定制性:不同行业和用户群体有不同的需求,好的B端产品需要具备可定制性,能够根据用户的需求和特点进行定制。这可以提高产品的适用度和用户的满意度。

5、数据分析能力:B端产品通常需要处理大量的数据,好的B端产品需要具备强大的数据分析能力,能够帮助用户更好地理解业务数据和趋势,以做出更好的决策。

6、云端服务:随着云计算技术的发展,好的B端产品通常需要具备云端服务能力,能够提供弹性伸缩、高可用性和低成本等优势,让用户能够更高效地使用产品和服务。

7、良好的客户服务:B端产品通常需要提供良好的客户服务,能够及时解决用户的问题和反馈。好的B端产品需要具备良好的客户服务体系,能够帮助用户更好地使用产品和服务。

综上所述,好的B端产品需要具备专业性、易用性、可靠性、可定制性、数据分析能力、云端服务和良好的客户服务等特点,以满足用户的需求和提升产品的竞争力。
50f148a1446a1e4ea8e750acb726e722b2024a8045115-ydmupR_fw1200.png7b447ab3ac6805cd4b6f561e211962411a3f295b37b99-A0lFSP_fw1200.png4b18218e965a71dd856fbac78b19a5a402fae351328ad-n5ZeZT_fw1200.png3ccea8d67d88e037febd1885f195ff6ae8f2b12b2b250-TWpFJ8.jpg



日历

链接

个人资料

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

存档