• 平面设计构图法!6招快速提升版式水平!

    UI交互 2023-01-12
    任何类型的设计都离不开版式构图,但产物的不同构图方式也会有所差异,本文将探讨运营活动设计中的构图方式和技巧~往期干货:平面设计中如何学会配色?超多案例帮你即刻上手!大家好,我是设计师tonyfly。

    任何类型的设计都离不开版式构图,但产物的不同构图方式也会有所差异,本文将探讨运营活动设计中的 构图 方式和技巧~

    往期干货:

    平面设计中如何学会配色?超多案例帮你即刻上手! 大家好,我是设计师tonyfly。

    阅读文章 >

  • 如何说服他人认可自己的设计方案?高手总结了3个方法!

    UI交互 2023-01-12
    作为交互设计师,与产品、开发等同事的沟通环节必不可少。你是否也经常会遇到这样的问题:开发问我主色为什么选择这个颜色?为啥不直接用大厂组件库的主色?

    作为交互设计师,与产品、开发等同事的沟通环节必不可少。你是否也经常会遇到这样的问题:

    开发问我主色为什么选择这个颜色?为啥不直接用大厂组件库的主色?

    我们作为设计师觉得方案很好,但是运营同事觉得这种设计改动意义不大,该怎么才能说服他?

    我该怎么用专业的方法来说服其他非专业的同事,某些功能的交互方式是更合理的?

    本文会从「自我论证」和「换位思考」两个方面,帮助你建立说服他人的思维方式。

    一、自我论证 想要说服别人,先要说服自己。在他人质疑你之前,你可以先学会「质疑自己」,这意味着你的产出设计内容需要有理有据,而并非一时兴起的主观臆断。有条理的陈述你最初的设计动机和设计依据,可以分为两个部分:

    1. 整理设计动机

    结合产品的需求、用户群体特征和公司的发展需要,总结为什么要做设计优化。我们曾经为大家介绍过几个小而美的用户数据分析方法,以此作为你分析产品的方法和依据。

    设计师如何低成本获取用户数据?我总结了3个方法! 在这个信息数据化时代,作为交互体验设计师的你一定遇到过这样的问题: 在复杂的 B 端产品中,由于企业级用户的特殊性,很难获取产品落地后的数据,难以完成设计验证; 可用性测试、用户访谈等测试工具成本过高,开展实施比较困难; 刚刚完成上线的新产品,如何更快更好地收集用户数据和反

    阅读文章 >

    案例:

    比如对于「为什么选择颜色 A 而不选择颜色 B」这类问题,你可以:

    结合行业/产品背景:了解行业大背景、整体风格,比如美妆行业和科技行业的色彩调性就大不相同。 结合品牌特性:与企业 / 产品的品牌特性相呼应,沿用 logo 的配色方案,可以在一定程度上保持品牌对于用户心智的一致性。 分析用户群体:通过对企业 / 产品的用户群进行分析,找出群体特点、喜好和性格偏好,也会影响你的色彩选择。 2. 寻找理论背书

    提供有足够分量的理论支撑。你可以使用经典的、被行业广泛认可的设计理论或设计标准为你的设计方案做背书。他人能够持续提出质疑,有时也是因为你提供的依据不充足或不够有分量。

    案例:

    继续上文「为什么选择颜色 A 而不选择颜色 B」这类问题,你可以:

    参考 WCAG 的无障碍设计标准:在对比度合适的范围中,颜色在搭配场景中得分越高,清晰度越高,越有助于视障人士的阅读; 应用色彩学的具体理论:通过邻近色、对比色、互补色、衍生色、明度、饱和度等概念,比较和分析两种颜色的差别和应用上带来的不同感受; 二、换位思考 这里说的换位思考,是要思考两个方面的问题:

    一是他人的目的,即对方为什么会问这个问题?为什么会对你的方案提出质疑?

    二是对他人的影响,即你的设计结论会对他人的工作带来什么影响?是否会为他人带来超过预期的工作量负担?

    基于这两点出发,下面几个方法可以帮助我们更有效地提升说服力:

    1. 有针对性地寻找设计依据

    你可以尝试判断出他人的问题类型,有的是单纯的想要了解更多的专业知识;有的则是基于自己的行业经验作出的判断。在你做解释之前,充分了解他人产生疑问的原因,可以帮助你更有针对性地寻找理论和依据。

    2. 站在多方视角,分析设计优势

    通常来说,一场交互评审涉及到产品、前端、后端等多方人员参与,除了你的设计内容自身合理之外,你也可以尝试站在其他相关方的角度,进行方案的优势陈述。这样做可以让他人更容易和你统一战线。

    案例:

    比如对于「为什么选择组件 A 而不选择组件 B」这类问题,你可以:

    站在前端开发的立场,你的理由可能是:组件 A 是在已有组件的基础上做的优化方案,开发起来更高效;或者因为组件 A 以后还会有应用场景,这次设计和开发之后,可以就此沉淀出新的组件,可以高频复用等等。

    站在业务方的立场,你的理由可能是:组件 A 这样的交互方式可以激发起用户兴趣,提升点击率和下单率;或者这样的组件很常见,符合用户对于产品的预期,用户就可以把更多的精力放在产品内容上等等。

    3. 权衡成本,提供备选方案

    评审时,你有可能发现设计改动会带来他人工作成本的增加,这时他人对你的质疑,更多是一种表达反对的自我保护的方式。这个时候,适当做出让步,如果能够提供与现有设计相近的、工作量低的备选方案,通过的概率也会增加。

    三、实用建议 还有几个接地气的注意事项,帮助你更有效地与他人协作和沟通:

    1. 你觉得你自己专业,和别人觉得你专业,是两回事。

    很多同学认为自己是设计师,出设计方案当然是自己更专业。但是说服他人,重要的不是你觉得自己专业,而是别人是否觉得你足够专业。在语言表达和设计原理的阐述上,你要想想如何让他人觉得你很专业和可靠。

    2. 适当的让步和妥协,并不意味着没有原则。

    其实评审中「谁说服谁」并不重要,重要的是「方案最终能否在预期的时间点完成上线」或者「问题是否能得到解决」。其实大多数情况下,设计方案本身没有绝对的优劣之分,更多的还是要平衡多方的因素,包括时间成本、人力成本和资源等等。

    因此从单一的设计视角,无法 100% 确定我们的方案就是最优解。多听听他人的意见,这个时候适当的折中和妥协,并不意味着没有原则。有时他人的意见和问题也会给你带来新的设计思路。

    3. 实时沟通,征求他人意见,而非通知结论。

    在设计过程中,多注意信息的实时同步和进展上的沟通。很多工作都需要各方通力协作,大家是一个团队,需要尽可能消除信息差。更多情况下,你抛出来与大家讨论的设计内容,应该是方案,而不是结论。在过程中随时征求他人的意见,也是一种对他人的尊重。

    以上,希望对你有启发。

    7个接地气的实战经验,帮你学会做用户问卷! 用户问卷是交互设计师工作中常用的设计工具。

    阅读文章 >

    设计师如何低成本获取用户数据?我总结了3个方法! 在这个信息数据化时代,作为交互体验设计师的你一定遇到过这样的问题: 在复杂的 B 端产品中,由于企业级用户的特殊性,很难获取产品落地后的数据,难以完成设计验证; 可用性测试、用户访谈等测试工具成本过高,开展实施比较困难; 刚刚完成上线的新产品,如何更快更好地收集用户数据和反

    阅读文章 >

    欢迎关注作者微信公众号:「长弓小子」

  • Style2Paints!一键给二次元插画线稿上色的AI神器

    UI交互 2023-01-12
    大家好,这里是和你们聊设计的花生~今天为大家推荐 2 款利用 AI 技术为线稿快速上色,生成高质量二次元风格插图的工具 Style2Paints V5 模型和 V4.5 软件,一起来看看吧~一、AI 模型:Style2Paints V5Style2Paints V5 是一个最近才推出的草稿到插图扩散模型,可以根据...

    大家好,这里是和你们聊设计的花生~

    今天为大家推荐 2 款利用 AI 技术为线稿快速上色,生成高质量二次元风格插图的工具 Style2Paints V5 模型和 V4.5 软件,一起来看看吧~

    一、AI 模型:Style2Paints V5 Style2Paints V5 是一个最近才推出的草稿到插图扩散模型,可以根据上传的线稿或草稿生成高质量的二次元风格插图。据官方介绍其模型参数数量是 Stable Diffusion V2 的 1.42 倍,包含 Dorothy 和 Alice 两种模式,适用于不同的线稿类型。

    Dorothy 则会严格按照给出的线稿进行上色,适合线稿精度较高、想迅速预览多种上色效果的作品。下图是给定 AI 提示词后 Dorothy 生成结果:

    图片来源:Style2Paints V5 官方 GitHub 主页。提示词:1 girl, masterpiece, best quality, ultra-detailed, illustration, disheveled hair(1 个女孩,杰作,最好的质量,超详细,插图,凌乱的头发)

    其他 Dorothy 的生成图:

    图片来源:Style2Paints V5 官方 GitHub 主页。

    另一个模式 Alice 的上色自由度比较高,她不会严格按你的线稿来上色,会有比较大的 AI 加工成分。也就是说即使给你给出的是儿童简笔画般的线稿,她也能她它变成质量相当高的二次元风格插图。

    下面是给定与前面一样的 AI 提示词后,Alice 根据左上角的线稿生成结果,可以看到由于线稿比较潦草,生成的人物的动作会有不同角度的差别,而且草稿没有画完整也不会影响最终的生成质量。

    图片来源:Style2Paints V5 官方 GitHub 主页。提示词:1 girl, masterpiece, best quality, ultra-detailed, illustration, disheveled hair(1 个女孩,杰作,最好的质量,超详细,插图,凌乱的头发)

    在 Alice 模式下可以使用提示词对画面的具体内容进行规定,比如指定背景,或指定对人物的服装发型细节。

    据官方介绍,他们现在还在研发一种彩色涂鸦技术,即使用画笔在图片中的任意部分抹上一点颜色,AI 就能自动识别并在该区域生成同一种色调。不过想精准控制上色区域并非易事,研发人员还在对该技术进行调试。

    虽然 Style2paints V5 模型目前还没有开放,但就官方发布的预览信息来看,它无疑将会成为二次元画师的有力助手。特别是 Dorothy 模式,可以快速为画师的高精度线稿提供多种上色版本,让画师可以提前预览作品的最终完成效果,在此基础上确定自己的上色方向。

    用嘴上色!一键让黑白图像转彩色的AI神器「Palette.fm」 大家好,这里是和你们聊设计的花生~ 之前为大家介绍了很多 AI 图像生成工具,如 Midjourney 和 Dream studio,它们可以通过文本描述生成对应的图像内容,且生成的图像质量很高。

    阅读文章 >

    二、AI 驱动的免费上色软件:Style2Paints V4.5 Style2paints V4.5 是一款免费的线稿上色工具。二次元风格 插画 的一般上色流程为素描→ 填色/平涂→ 渐变/细节添加→ 阴影,每一步完成后生成的图层文件分别为线条图层、平涂颜色层、渐变色层和阴影层。V4.5软件正是可以模拟这种上色流程,生成对应的分层结果,并输出PSD文件。

    V4.5 官网: https://github.com/lllyasviel/style2paints

    V4.5 软件使用教程: https://style2paints.github.io/

    V4.5 软件百度网盘下载: https://pan.baidu.com/s/15xCm1jRVeHipHkiB3n1vzA

    使用 V4.5 生成的上色图层,图片来源 V4.5 官网

    将线稿上传至软件后,经过简单的操作就能生成完整的上色效果。用户还可以在画面上放置提示点用来指导 AI 在对应的区域再次上色,调整好后输出分层文件,就可以再导入绘画软件内进行加工。

    V4.5 软件界面截图,图片来源 V4.5 教程官网

    以上就是为大家推荐的二次元插图线稿 上色神器 Style2paints,其中 V5 为还在开发的免费 AI 模型,官方目前放出了预览版本,估计不久就可以看的成品,感兴趣的小伙伴可以关注官方推特;V4.5 是 AI 驱动的免费上色软件,能模拟人类的上色流程并输出分层 PSD 文件,有需要的小伙伴可以自行下载。

    Style2paints 官方 Twitter: https://twitter.com/lvminzhang/with_replie (需搭梯子)

    V5 模型官方 Github 主页: https://github.com/lllyasviel/style2paints/tree/master/V5_preview (预览版本,模型尚未开放,需搭梯子访问)

    V4.5 软件百度网盘下载: https://pan.baidu.com/s/15xCm1jRVeHipHkiB3n1vzA

    V4.5 软件使用教程: https://style2paints.github.io/

    如果你喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友 。有关于本文或者设计的疑问,可以在评论区提出,我会第一时间为大家解答 ~

    推荐阅读:

    2023年,让这20款AI工具帮你更高效地完成工作~ 2023年,让这20款AI工具帮你更高效的完成工作~ 大家好,这里是和你们聊设计的花生~ 2022年是AI技术大发展的一年,我都快记不清为大家推荐多少种AI工具了。

    阅读文章 >

    这5款工具,让设计师工作效率提升 200%!(十二) 大家好,这里是和你们聊设计的花生~ 今天为大家带来设计师效率工具第 12 期,本期推荐的 5 个神器分别是: 免费好用!

    阅读文章 >

  • 视觉作品集不够酷炫吸睛?大厂高手来帮你!

    UI交互 2023-01-12
    潮流是个圈。那些曾经流行过的设计风格,视觉元素,总会以各种各样的方式重新回来,只是视觉风格的每一次回归,都多少会带有属于当下的设计基因。这种情况在设计领域,尤其是视觉和平面设计领域,特别明显。

    潮流是个圈。那些曾经流行过的设计风格,视觉元素,总会以各种各样的方式重新回来,只是视觉风格的每一次回归,都多少会带有属于当下的设计基因。

    这种情况在设计领域,尤其是视觉和平面设计领域,特别明显。

    全世界在疫情反复中煎熬了 3 年,怀旧情绪也在设计领域中开始蔓延也就不足为奇了。有氛围直接拉满、抓人眼球的的 70 和 80 年代风情:

    还有 90 年代风情的界面和物品:

    千禧年 Y2K 式的趣味和怪诞:

    装饰性十足的复古小贴纸里藏着的诗和远方,恰恰是对抗隔离和疫情的倔强:

    而带有一丝迷幻色彩、又特色十足的角色和视觉元素,又是当下让平面设计作品脱颖而出的不二法宝:

    那么,这类潮流平面设计作品,都是怎么设计出来,又需要掌握哪些技法呢?从元素的搭配,布局的选择,色彩的勾兑到内容元素的梳理,甚至物料的输出,内容的包装,这里有一站式的解决方案:

    课程原价 499 元, 新课特惠价仅需 399 元,直减100元!

    移动端扫码报名,PC端右戳报名: https://pro.uisdc.com

    超全内容 + 潮流复古 + 插画加持 这是一套带你重新夯实平面设计基础的课程,从高频使用的字体、构成、配色、排版入手,带你打牢平面和视觉设计的基础。结合讲师 AC 炒碗面 的大量实战经验,带你解决日常设计中最常见的问题,增加视觉表现力,提升视觉张力,强化排版丰富度和自由度。

    同时,这也是一套结合经验带你重塑视觉设计的课程,老师会教你从装饰性小贴纸入手,带你熟悉使用矢量设计软件绘制小元素、贴纸,到绘制贴合主题的角色和灵活机变的小场景,带你彻底提升平面设计的视觉表现力。

    最后,这还是一个带你自由应对各种类型设计物料的课程,从 Banner 到海报、H5 等常见的设计物料都涵盖在其中,灵活的物料拓展技巧还能帮你丰富作品集。

    下面的大纲,最能说明问题:

    课程原价 499 元, 新课特惠价仅需 399 元,直减100元!

    移动端扫码报名,PC端右戳报名: https://pro.uisdc.com

    大厂人气潮流 设计师 :AC 炒碗面 Ac 炒碗面一直都服务于充满活力的企业和平台,无论是在知乎、快手还是在陌陌,她都能让平凡的主题焕发出丰富的色彩,在日常的选题中搭建出有趣的脑洞,用灵动的色彩和灵活的排版来承载内容,借助潮酷插画来呈现丰沛的情感,靠形体和视觉抓住用户和甲方的眼球:

    活在潮流前线的 Ac 炒碗面 ,不仅有着她自己摸索出来的一套平面设计和插画设计方法论,而且在实战中还总结出一整套应对不同情况、不同设计物料的完整技巧和解决方案,而这也正是这套课程的底气!

    下面是 Ac 炒碗面 的设计作品:

     

    以下为往期学员的作业:

    如果你也打算将平面设计技能全方位升级一下,顺便掌握一些强化视觉的插画技能,同时强化设计运营能力、提升应聘求职时的竞争力,就不要错过今晚的秒杀:

    课程原价 499 元, 新课特惠价仅需 399 元,直减100元!

    移动端扫码报名,PC端右戳报名: https://pro.uisdc.com

  • 平面设计构图法!6招快速提升版式水平!

    UI交互 2023-01-12
    任何类型的设计都离不开版式构图,但产物的不同构图方式也会有所差异,本文将探讨运营活动设计中的构图方式和技巧~往期干货:平面设计中如何学会配色?超多案例帮你即刻上手!大家好,我是设计师tonyfly。

    任何类型的设计都离不开版式构图,但产物的不同构图方式也会有所差异,本文将探讨运营活动设计中的 构图 方式和技巧~

    往期干货:

    平面设计中如何学会配色?超多案例帮你即刻上手! 大家好,我是设计师tonyfly。

    阅读文章 >

  • Style2Paints!一键给二次元插画线稿上色的AI神器

    UI交互 2023-01-12
    大家好,这里是和你们聊设计的花生~今天为大家推荐 2 款利用 AI 技术为线稿快速上色,生成高质量二次元风格插图的工具 Style2Paints V5 模型和 V4.5 软件,一起来看看吧~一、AI 模型:Style2Paints V5Style2Paints V5 是一个最近才推出的草稿到插图扩散模型,可以根据...

    大家好,这里是和你们聊设计的花生~

    今天为大家推荐 2 款利用 AI 技术为线稿快速上色,生成高质量二次元风格插图的工具 Style2Paints V5 模型和 V4.5 软件,一起来看看吧~

    一、AI 模型:Style2Paints V5 Style2Paints V5 是一个最近才推出的草稿到插图扩散模型,可以根据上传的线稿或草稿生成高质量的二次元风格插图。据官方介绍其模型参数数量是 Stable Diffusion V2 的 1.42 倍,包含 Dorothy 和 Alice 两种模式,适用于不同的线稿类型。

    Dorothy 则会严格按照给出的线稿进行上色,适合线稿精度较高、想迅速预览多种上色效果的作品。下图是给定 AI 提示词后 Dorothy 生成结果:

    图片来源:Style2Paints V5 官方 GitHub 主页。提示词:1 girl, masterpiece, best quality, ultra-detailed, illustration, disheveled hair(1 个女孩,杰作,最好的质量,超详细,插图,凌乱的头发)

    其他 Dorothy 的生成图:

    图片来源:Style2Paints V5 官方 GitHub 主页。

    另一个模式 Alice 的上色自由度比较高,她不会严格按你的线稿来上色,会有比较大的 AI 加工成分。也就是说即使给你给出的是儿童简笔画般的线稿,她也能她它变成质量相当高的二次元风格插图。

    下面是给定与前面一样的 AI 提示词后,Alice 根据左上角的线稿生成结果,可以看到由于线稿比较潦草,生成的人物的动作会有不同角度的差别,而且草稿没有画完整也不会影响最终的生成质量。

    图片来源:Style2Paints V5 官方 GitHub 主页。提示词:1 girl, masterpiece, best quality, ultra-detailed, illustration, disheveled hair(1 个女孩,杰作,最好的质量,超详细,插图,凌乱的头发)

    在 Alice 模式下可以使用提示词对画面的具体内容进行规定,比如指定背景,或指定对人物的服装发型细节。

    据官方介绍,他们现在还在研发一种彩色涂鸦技术,即使用画笔在图片中的任意部分抹上一点颜色,AI 就能自动识别并在该区域生成同一种色调。不过想精准控制上色区域并非易事,研发人员还在对该技术进行调试。

    虽然 Style2paints V5 模型目前还没有开放,但就官方发布的预览信息来看,它无疑将会成为二次元画师的有力助手。特别是 Dorothy 模式,可以快速为画师的高精度线稿提供多种上色版本,让画师可以提前预览作品的最终完成效果,在此基础上确定自己的上色方向。

    用嘴上色!一键让黑白图像转彩色的AI神器「Palette.fm」 大家好,这里是和你们聊设计的花生~ 之前为大家介绍了很多 AI 图像生成工具,如 Midjourney 和 Dream studio,它们可以通过文本描述生成对应的图像内容,且生成的图像质量很高。

    阅读文章 >

    二、AI 驱动的免费上色软件:Style2Paints V4.5 Style2paints V4.5 是一款免费的线稿上色工具。二次元风格 插画 的一般上色流程为素描→ 填色/平涂→ 渐变/细节添加→ 阴影,每一步完成后生成的图层文件分别为线条图层、平涂颜色层、渐变色层和阴影层。V4.5软件正是可以模拟这种上色流程,生成对应的分层结果,并输出PSD文件。

    V4.5 官网: https://github.com/lllyasviel/style2paints

    V4.5 软件使用教程: https://style2paints.github.io/

    V4.5 软件百度网盘下载: https://pan.baidu.com/s/15xCm1jRVeHipHkiB3n1vzA

    使用 V4.5 生成的上色图层,图片来源 V4.5 官网

    将线稿上传至软件后,经过简单的操作就能生成完整的上色效果。用户还可以在画面上放置提示点用来指导 AI 在对应的区域再次上色,调整好后输出分层文件,就可以再导入绘画软件内进行加工。

    V4.5 软件界面截图,图片来源 V4.5 教程官网

    以上就是为大家推荐的二次元插图线稿 上色神器 Style2paints,其中 V5 为还在开发的免费 AI 模型,官方目前放出了预览版本,估计不久就可以看的成品,感兴趣的小伙伴可以关注官方推特;V4.5 是 AI 驱动的免费上色软件,能模拟人类的上色流程并输出分层 PSD 文件,有需要的小伙伴可以自行下载。

    Style2paints 官方 Twitter: https://twitter.com/lvminzhang/with_replie (需搭梯子)

    V5 模型官方 Github 主页: https://github.com/lllyasviel/style2paints/tree/master/V5_preview (预览版本,模型尚未开放,需搭梯子访问)

    V4.5 软件百度网盘下载: https://pan.baidu.com/s/15xCm1jRVeHipHkiB3n1vzA

    V4.5 软件使用教程: https://style2paints.github.io/

    如果你喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友 。有关于本文或者设计的疑问,可以在评论区提出,我会第一时间为大家解答 ~

    推荐阅读:

    2023年,让这20款AI工具帮你更高效地完成工作~ 2023年,让这20款AI工具帮你更高效的完成工作~ 大家好,这里是和你们聊设计的花生~ 2022年是AI技术大发展的一年,我都快记不清为大家推荐多少种AI工具了。

    阅读文章 >

    这5款工具,让设计师工作效率提升 200%!(十二) 大家好,这里是和你们聊设计的花生~ 今天为大家带来设计师效率工具第 12 期,本期推荐的 5 个神器分别是: 免费好用!

    阅读文章 >

  • 如何说服他人认可自己的设计方案?高手总结了3个方法!

    UI交互 2023-01-12
    作为交互设计师,与产品、开发等同事的沟通环节必不可少。你是否也经常会遇到这样的问题:开发问我主色为什么选择这个颜色?为啥不直接用大厂组件库的主色?

    作为交互设计师,与产品、开发等同事的沟通环节必不可少。你是否也经常会遇到这样的问题:

    开发问我主色为什么选择这个颜色?为啥不直接用大厂组件库的主色?

    我们作为设计师觉得方案很好,但是运营同事觉得这种设计改动意义不大,该怎么才能说服他?

    我该怎么用专业的方法来说服其他非专业的同事,某些功能的交互方式是更合理的?

    本文会从「自我论证」和「换位思考」两个方面,帮助你建立说服他人的思维方式。

    一、自我论证 想要说服别人,先要说服自己。在他人质疑你之前,你可以先学会「质疑自己」,这意味着你的产出设计内容需要有理有据,而并非一时兴起的主观臆断。有条理的陈述你最初的设计动机和设计依据,可以分为两个部分:

    1. 整理设计动机

    结合产品的需求、用户群体特征和公司的发展需要,总结为什么要做设计优化。我们曾经为大家介绍过几个小而美的用户数据分析方法,以此作为你分析产品的方法和依据。

    设计师如何低成本获取用户数据?我总结了3个方法! 在这个信息数据化时代,作为交互体验设计师的你一定遇到过这样的问题: 在复杂的 B 端产品中,由于企业级用户的特殊性,很难获取产品落地后的数据,难以完成设计验证; 可用性测试、用户访谈等测试工具成本过高,开展实施比较困难; 刚刚完成上线的新产品,如何更快更好地收集用户数据和反

    阅读文章 >

    案例:

    比如对于「为什么选择颜色 A 而不选择颜色 B」这类问题,你可以:

    结合行业/产品背景:了解行业大背景、整体风格,比如美妆行业和科技行业的色彩调性就大不相同。 结合品牌特性:与企业 / 产品的品牌特性相呼应,沿用 logo 的配色方案,可以在一定程度上保持品牌对于用户心智的一致性。 分析用户群体:通过对企业 / 产品的用户群进行分析,找出群体特点、喜好和性格偏好,也会影响你的色彩选择。 2. 寻找理论背书

    提供有足够分量的理论支撑。你可以使用经典的、被行业广泛认可的设计理论或设计标准为你的设计方案做背书。他人能够持续提出质疑,有时也是因为你提供的依据不充足或不够有分量。

    案例:

    继续上文「为什么选择颜色 A 而不选择颜色 B」这类问题,你可以:

    参考 WCAG 的无障碍设计标准:在对比度合适的范围中,颜色在搭配场景中得分越高,清晰度越高,越有助于视障人士的阅读; 应用色彩学的具体理论:通过邻近色、对比色、互补色、衍生色、明度、饱和度等概念,比较和分析两种颜色的差别和应用上带来的不同感受; 二、换位思考 这里说的换位思考,是要思考两个方面的问题:

    一是他人的目的,即对方为什么会问这个问题?为什么会对你的方案提出质疑?

    二是对他人的影响,即你的设计结论会对他人的工作带来什么影响?是否会为他人带来超过预期的工作量负担?

    基于这两点出发,下面几个方法可以帮助我们更有效地提升说服力:

    1. 有针对性地寻找设计依据

    你可以尝试判断出他人的问题类型,有的是单纯的想要了解更多的专业知识;有的则是基于自己的行业经验作出的判断。在你做解释之前,充分了解他人产生疑问的原因,可以帮助你更有针对性地寻找理论和依据。

    2. 站在多方视角,分析设计优势

    通常来说,一场交互评审涉及到产品、前端、后端等多方人员参与,除了你的设计内容自身合理之外,你也可以尝试站在其他相关方的角度,进行方案的优势陈述。这样做可以让他人更容易和你统一战线。

    案例:

    比如对于「为什么选择组件 A 而不选择组件 B」这类问题,你可以:

    站在前端开发的立场,你的理由可能是:组件 A 是在已有组件的基础上做的优化方案,开发起来更高效;或者因为组件 A 以后还会有应用场景,这次设计和开发之后,可以就此沉淀出新的组件,可以高频复用等等。

    站在业务方的立场,你的理由可能是:组件 A 这样的交互方式可以激发起用户兴趣,提升点击率和下单率;或者这样的组件很常见,符合用户对于产品的预期,用户就可以把更多的精力放在产品内容上等等。

    3. 权衡成本,提供备选方案

    评审时,你有可能发现设计改动会带来他人工作成本的增加,这时他人对你的质疑,更多是一种表达反对的自我保护的方式。这个时候,适当做出让步,如果能够提供与现有设计相近的、工作量低的备选方案,通过的概率也会增加。

    三、实用建议 还有几个接地气的注意事项,帮助你更有效地与他人协作和沟通:

    1. 你觉得你自己专业,和别人觉得你专业,是两回事。

    很多同学认为自己是设计师,出设计方案当然是自己更专业。但是说服他人,重要的不是你觉得自己专业,而是别人是否觉得你足够专业。在语言表达和设计原理的阐述上,你要想想如何让他人觉得你很专业和可靠。

    2. 适当的让步和妥协,并不意味着没有原则。

    其实评审中「谁说服谁」并不重要,重要的是「方案最终能否在预期的时间点完成上线」或者「问题是否能得到解决」。其实大多数情况下,设计方案本身没有绝对的优劣之分,更多的还是要平衡多方的因素,包括时间成本、人力成本和资源等等。

    因此从单一的设计视角,无法 100% 确定我们的方案就是最优解。多听听他人的意见,这个时候适当的折中和妥协,并不意味着没有原则。有时他人的意见和问题也会给你带来新的设计思路。

    3. 实时沟通,征求他人意见,而非通知结论。

    在设计过程中,多注意信息的实时同步和进展上的沟通。很多工作都需要各方通力协作,大家是一个团队,需要尽可能消除信息差。更多情况下,你抛出来与大家讨论的设计内容,应该是方案,而不是结论。在过程中随时征求他人的意见,也是一种对他人的尊重。

    以上,希望对你有启发。

    7个接地气的实战经验,帮你学会做用户问卷! 用户问卷是交互设计师工作中常用的设计工具。

    阅读文章 >

    设计师如何低成本获取用户数据?我总结了3个方法! 在这个信息数据化时代,作为交互体验设计师的你一定遇到过这样的问题: 在复杂的 B 端产品中,由于企业级用户的特殊性,很难获取产品落地后的数据,难以完成设计验证; 可用性测试、用户访谈等测试工具成本过高,开展实施比较困难; 刚刚完成上线的新产品,如何更快更好地收集用户数据和反

    阅读文章 >

    欢迎关注作者微信公众号:「长弓小子」

  • 7000字干货!教你用解构思维搞定B端需求设计

    UI交互 2023-01-12
    什么是设计中的解构思维,解构思维怎么产生价值?本章结合 B 端场景进行了应用解读,通过对组件深入的解构理解以及对业务需求的解构设计,示意解构思维如何来解决 B 端业务需求和组件运用的问题,反映了解构思维的运作模型与价值体现。往期干货:遇到设计瓶颈无法脱身?

    什么是设计中的解构思维,解构思维怎么产生价值?本章结合 B 端场景进行了应用解读,通过对组件深入的解构理解以及对业务需求的解构设计,示意解构思维如何来解决 B 端业务需求和组件运用的问题,反映了 解构思维 的运作模型与价值体现。

    往期干货:

    遇到设计瓶颈无法脱身?五大章节帮你正确应对! 前言:每个设计师都会遇到瓶颈,至于瓶颈期挣扎了多久各有不同。

    阅读文章 >

    一、设计中的解构思维(解释解构) 1. 广义的解构思维是什么

    “解构”一词富有哲学色彩,早期的出现是哲学家雅克·德里达不满西方几千年来的传统哲学思想,而提出的一种批判方法,是指对一切存在事物或现象的原因及本源研究,得出的稳定结构及其中心进行消解,每一次解构都表现为结构的中断、分裂或解体,但是每一次解构的结果又都是产生新的结构。解构具有消除二元对立、打破固有传统、去中心化、多元开放、包容差异等特点,对当下世界的多元化包容性都带来不小影响。

    而其思想内涵也在不同行业中生根发芽,在服装、建筑、平面、影视行业中处处可见解构,以此为根源,20 世纪 80 年代“解构主义”作为一种设计风格的探索开始兴起,解构主义用分解的观念,强调打碎,叠加,重组,重视个体,不见本身,反对中心化或总体统一而带来的支离破碎和不确定性(例如肤色阶级的种族歧视、早期重男轻女封建思想等)。

    如何理解呢?“解”有分解、拆解、理解的意思,而“构”具有结构、构造的意思,字面意思就是对事物的内容结构进行剖析。通常解构被认为是对传统认知里的结构进行质疑和破碎重组,并建立具有新意义的结构。例如你一天放了 7 个不同声音的屁,通过解构,我听到的不再是屁,而是音符,经过谱曲,我成就了一首<别致的 Beat>。好的翻译也可以视为解构,这个过程就是译者对本质含义进行理解并使用新的语言结构释义,其表达的本质没有变,却拥有了更为生动明了的译文。

    2. 体验设计中的解构思维

    一般结构形成表象,表象反应本质,但需求的构成是由其他本质推动的,这些本质既能形成 A 结构,就必定能造就 B 结构,所以解构主义不认为结构与表象能代表本质,设计中解构思维可以帮助我们跳出传统的条条框框,就好像在说时代变了,你那套不行了。

    体验设计的范畴中,我将解构思维简单概括为:不停留于结构表象,敢于质疑、深入本质,再创结构,是一种打破设计相关秩序然后再创造更为合理秩序的思维主义,是对本质的深入与多元化的理解,而体验设计中的本质常常是以需求作为出发点,以用户和场景作为合理性的准则,以解构出具有体验或商业价值的方案。

    一把舒适的椅子如何设计,从人体工学椅子到懒人沙发,依旧是一个不错的解构案例,原来舒适的椅子可以这样。

    3. 解构与拆解、原子理论的区别

    拆解是对某个事物按照一定逻辑或结构进行分解拆除,目的是获取更全面或更深入的信息与理解,从而加深对本质的理解,拆解并不影响事物本身的结构或中心,而解构主义则是出于对结构或中心的质疑展开的,并试图找到新的侧重点或视角来理解本质,目的就是建立具有意义的新结构,同时在建构的过程中,还会用到更替、融入、结合、间离等手法,而并非是线性的拆解组合,在体验设计的应用中,我认为解构有益于深入研究,以及跳脱竞品或传统结构设计的思维局限。

    原子理论在 B 端组件系统中有深入的应用,像搭积木一样,重心是找到可以复用的最小单元,然后利用这些单元组装出更复杂更庞大的结构体,并且对这些单元的资源进行重复性利用,以减少生产过程中带来的资产冗余、不一致、低效率等核心问题。侧重点是交互层与功能逻辑,是一种工具化、模块化的思维,主要是业务解构后进行 B 端交互页面搭建的工具。

    但是在传统 B 端业务设计的背景下,解构思维可以配合业务情况对组件传统的“组织”及以上的结构进行破坏重组,以诞生新的结构并更好契合业务。

    二、再说说 B 端组件系统(解构对象) 1. 组件系统的诞生背景

    B 端向来是以业务操作为主,而在繁琐的操作过程中,尽管界面或场景不同,但是有很多操作行为或操作内容具备较高的一致性,为了减少对应资源的反复设计与开发带来的时间浪费与资源冗余,这些对应常见的交互组件被系统化了,同时在不断探索更基础或高频率通用的组件单元,以便后续的研发设计中可以随时调用,于是组件系统诞生了。

    2. 组件系统的核心价值

    从内部研发视角来看,已经提到的减少资源冗余与效率问题便是核心价值了,从界面设计与品牌调性来看,使得产品样貌与操作更为统一规范,便于资源管控。

    而从外部视角来看,一套开源的设计系统还能赋予生态上的改变,一套基础完善的 B 端组件系统可以支撑内部庞大的业务的同时,也可以赋予友商或帮助其他小微企业研发中后台,对于业务生态、研发生态都有好处,收获口碑的同时,是一种文化价值传递,也是影响力的渗透。

    3. 什么时候搭 B 端组件系统

    从技术难度工作量以及研发周期来看,显然不能短期获取回报,往往只能在业务生态需求量大、涉猎业务复杂或是发展迅速才有较好的价值体现,当然了不差钱为行业生态做贡献也可以啊,尽管如此但也不是说不建议设计组件系统,具体也要看研发背景与组件系统搭建程度;

    ① 研发背景参考要素

    大部分中小型企业,业务不是特别复杂,研发资源很有限,那就直接考虑开源组件系统好了,用现成的真的便捷太多,并且也不会涉及到到数据安全的问题。如果要搭建组件系统,那就需要考虑自身研发资源(时间、人力、成本)硬不硬,然后就是业务复杂程度是否大多开源的不能轻易满足,这两点很重要。

    ② 组件搭建程度情况

    第一层实现设计产出加工件:

    借助 Sketch、Figma 等主流 UI 设计软件搭建界面常用的组件库,用于内部设计资源流通,快速搭建 UI 界面,保证界面组件统一性和效率保障,搭建起步不要考虑全面,先从最基础最常用的开始搭建。

    第二层沉淀对应代码库:

    设计师 有了可复用的设计组件还是比较初步的,重要的是研发工程师对可复用的组件开始沉淀,并建立资源库,研发过程中可能会伴随业务需求一起完善,对于已研发的组件可以同步记载完善交互,然后规划版本逐步完善。

    第三层设计代码一体化:

    设计与研发的组件完成版本一致,实现组件从视觉效果到交互效果反馈完整,状态齐全,引入即用,实现真正意义上的组件系统。

    ③ 进行系统二开维护

    基于业务情况与开源组件系统进行二次开发,来建立沉淀自家的组件系统,如果这么做首先考虑的还是研发背景情况,进行二开可以节省不少时间,并且可以有更多差异化定制化的空间,需要注意的是目标二开系统的灵活性、扩展性等核心问题。

    三、用解构思维深度理解组件(开始表演) 1. 从表象到数据背后

    我们通过 B 端中后台的表象开始解构,映入眼帘的往往是各种功能的导航、操作入口、信息反馈,很清晰很明了,各种操作都被组件结构所包揽并示意。

    似乎已经看到了组件的作用,但又好像看见的还不够,我们再次深入,组件的背后是便于操作,而操作的背后是什么,似乎很接近了,我们结合界面交互的构成结构换个视角看问题,如果没有这些组件,任务还能进行吗?显然具备代码能力是可以的(毕竟有些开发天天就是对数据 CRUD,不理解就问研发 [手动狗头]),那么现在看来组件的作用就清晰明了呢,“组件是提供间接的代码操作工具,便于我们通过界面交互来控制代码数据的交互,帮助减少操作的门槛与理解成本”,我把这理解为组件的底层价值。

    2. 解构组件的功能逻辑

    组件本身注重的是行为逻辑,即交互逻辑,非业务逻辑,是业务逻辑构件的工具。从交互视角切入,基本的交互原则是组件本身必备的,要易于理解、易于操作、及时反馈,而组件运作的本质逻辑我理解为对数据的约束、反馈与数据交互,什么意思呢?你听我说人话:

    ① 约束作用

    看看以下图片中的举例,直观感受一下组件约束能力的价值。第一组是没有注重组件约束功能的,而第二组是采用了合适的组件约束能力后的效果;

    通过以上对比,不难看出输入输出的信息都得以约束和规范化,从数据、从业务、从浏览都产生了极佳的效果。而在不同场景下这些约束会有差异,为的是更好满足业务需求,因此就诞生了具有不同约束能力的各种组件,这里再枚举一些例子;

    ② 反馈作用

    反馈即通过数据加工产生更容易理解的表象,以及在操作后的提示反馈。反馈可以告诉我们有什么是什么、帮助理解这些信息有多少类目、理解这些信息有什么特征、理解这些信息量情况、理解此处有何操作等,尽管相同作用的反馈可能有不一样的样式,但这并不影响统一性,差异化只是满足不同场景或不同容器特征而已,例如会话窗口通知与文本 tips 同样是信息反馈,那么显然会话窗口更加重视信息接收程度,出现场景更加正式醒目;

    而这整个过程的反馈基本上围绕“映射”原理进行,从代码层获取信息框架再通过界面释义,就像是一段巧妙而精准的翻译一般,业务是否吃透、组件用的是否得当、体验是否良好,都要看这“映射”的功夫下足了没有;

    ③ 数据交互

    具备数据交互能力,即可以通过组件对界面上的数据发生变化以达成任务操作的目的,说人话就是可以直接帮助我们控制界面元素和数据增删改查,例如搜索就是利用组件输入查询的关键词,并通过按钮或键盘发起数据索引,最终获取反馈信息帮助我们完成任务。

    B 端数据交互的类型相对是比较简单的,主要包含了富文本、图片、动图、音频、视频为主,复杂的地方在于特殊格式的兼容和深入编辑的需要,因为要有指定的解码器支持文件的显示以及操作存储,这也就意味着可能需要制作新的配套组件,或是引入其他的组件进行二开,例如代码编辑器大多 B 端公开系统是没有提供的,这就需要新开发或新引入。

    3. B 端组件的同质化现象

    在第一台携带操作界面的计算机诞生时组件就有了,时过境迁,计算机界面的交互组件也配套设备输入输出的特征逐步定型,对比当下主流的开源 B 端组件库,不难发现基础的组件只存在细微交互动画与视觉差异,功能逻辑基本一致,这是源于多年来计算机的快速发展沉淀下来的人机交互认知与共识,一切看似有标准但又没有绝对的标准,约定成俗一般。

    尽管 B 端组件还有一定个性化或差异化的空间,但大多也只是视觉表现层的一些调整,并且面对市场大众化的组件认知与趋势,很难做出别致的差异化了;

    也许在 B 端组件发展的道路上,只会同质化越来越严重吧,没有新型业务需求驱动,可能现有的基本组件就定型了,而市场上的组件系统也会被广泛的应用与习惯,当广大用户养成了认知与操作习惯后,就更没办法对组件做出差异化了,这会违背大多用户的认知与操作习惯,所以对组件本身进行解构创新的价值不大,解构的重点是功能用途的深入理解与应用。

    4. 组件对设计师的价值

    B 端重业务、重效率、少个性,而 B 端组件同质化正在加剧,那么设计师也就没有必要去过分考虑组件的差异化或个性化,聚焦新型业务的交互组件或是业务 需求设计 才应该是众望所归,而组件系统的概念与组件的理解应用也应该成为设计师的标配能力,“组件”一定是 B 端设计师的重要价值,却一定不能是核心价值,所以了也不要老是说 B 端的设计师们就是在搬组件了,这墙砌的不好吗?

    四、解构思维让组件得心应手 1. 用好组件,先从需求解构开始

    不同组件的功能用途首先要理解,至于使用什么组件取决于需求的数据交互以及约束条件和反馈需要,而这些条件均来源于需求,这个过程中,要发挥好解构思维的精髓,那么第一件事就是说“这是个伪需求”,一定不是思考如何执行需求,而是从质疑需求开始,接着就会开始对需求拆解厘清,当需求的结构被你摸清时,你就能感知到需求是否合理,是否有更优方案。然后就可以跟需求方说说你的观点,我早些时候也是得益于这种思维模式,能够加深对需求的理解,同时跟产品有来有往,对方也更愿意主动来探讨,当然呢,需求方是不是傻*心里也就更有数了。

    要开始需求解构呢,就要先清晰需求的结构,一般来讲即构成需求的背景、场景、人群、流程、目标、模式等问题,然后拆解分析找到关键因素攻破。

    当我们完成需求解构后,就需要进一步通过对需求的流程、信息、关键词进行提炼,以匹配需求实现所需要的组件,匹配的本质是依据信息特征和功能要求,即信息的图文视频音频类型、格式兼容属性、数量单位、映射反馈、逻辑含义、约束条件等关键词,整个解构过程可以用以下这个模型来概括;

    案例一:组件区块解构

    案例中,在这套传统数据表格里,我们需要添加部分微型数据图表信息,提供给部分角色查看和比较前后行的数据差异,那么是你会如何进行解决呢?

    传统选手使用添加“查看图表”操作,通过点击后利用抽屉或弹窗承载图表数据;

    并在图表显示面板上补充了切换上下条数据用作比较;

    解构选手把传统表格给改了,采用了可扩展表格,并将数据图表以卡片的形式嵌入了表格,通过点击展开查询图表数据,可以随时展开和收起数据的图表信息。

    两者间有何差异:传统往往是做加法,解构则是对现有结构做改变。这个过程中解构的是表格扩展数据的各种可能性,以及需求本身的目的是什么,而结合起来找到一种新的表格方式来实现需求。尽管后者方案表格代码需要做更多调整,但是优势显而易见的,在保障能够实现的情况下,约束了表格横向的宽度延伸、展开数据支持二次加载减少了请求并发、支持多行数据展开图表对比,尽可能减少了操作步骤。

    案例二:解构树状列表需求

    需求简述;要做一个树状结构的表格,用于呈现控制节点的基本信息和关系示意,主要是提供给节点管理角色使用,构成的主要信息框架如下:

    传统设计中,提供设计的关键信息与关键词基本已取得,我们可以根据需求开始构建页面了,第一步搭建支持展开收起的表格,用于反馈节点的层级关系,表格 Title 主要由节点名称、描述、Owner 名称、工号、部门抬头、分布域、节点开关构成即可,开关进行操作时进行二次确认弹窗确认即可,大致原型图如下:

    解构思维怎么设计呢?

    第一步质疑结构:为什么是树状,为什么是表格,这个结构主要包含了什么,重点是什么?表象反映出了什么样的本质?这样带来了什么问题?

    第二步破碎拆解:带着问题对结构拆解,对构成的各方面深入理解,找出新的发力点以及更全面的信息。

    ——需求结构特征:树状结构、信息显示、开关操作

    ——需求本身的问题:信息优先级、节点数量规模、默认显示节点、是否支持过滤、关联数据或功能情况

    ——需求结构化:需求对应的场景、参与和使用的角色、服务的作用影响、底层逻辑与流程、交互的信息框架

    当然了,需求结构化的方法并不是固定的,可以如上将构成的因素厘清,也可以通过服务蓝图或运作模式来将不同阶段进行拆分和理解。

    ——拆解结构深入理解:对结构构成的多方面进行思考,找到关键因素或核心价值,并重新审视结构,来帮助构思新的需求方案。以上需求通过对需求服务对象和需求方进一步沟通,了解到节点管理者更关注树状结构的关系、节点的名称、描述、分布域信息,然后才是负责人跟开关操作,并且节点分为三大类型,有时候会先注意是什么类型,然后办公时会根据名称路径去找想要指定操作的节点,其实节点数量一般在10-30个之间,并且一般都是从第二级开始操作,后续数量上也不会怎么变化,节点与节点之间的互通则由开关直接影响...

    第三步重塑结构:经过解构我们将构成聚焦放在节点管理员身上,并获取了更为全面和有价值的信息,接着我们进入建构阶段,思考如何更好的满足节点的层级与流通性,当前现有的数据支撑和遗漏可用数据有哪些,数据的显示并不是难点,我们开始思考哪些组件区块具备层级关系与流通状态示意能力,在呈现时,如何更好服务节点管理者的使用场景,带着这些问题我们开始重新对需求进行设计,以及匹配合适的组件搭建原型。

    第四步匹配资源:放弃了树状表格,但是延续了树状结构特征,对于节点的类型重新补充了进来,而信息也重新调整了优先级,使得整个需求结构更加完善合理,原型阶段,我们通过拓扑结构来取代了表格,支持子集展开收起,并且以卡片来承载节点信息与操作,节点之间的卡片也用不同颜色的线条示意流通性,在有限节点中,也更好的突出了个体,默认也直接显示完所有二级节点,大致原型图如下:

    案例小结

    对于解构思维应当施加一定的灵活性,要识别是否具有深入和颠覆的解构价值,没必要过度的解构,解构以后的建构也很具有挑战性,你要思考优化结构赋予价值。另外有时候经过解构思考后,结论与原本的需求结构差异不大,甚至你也认同原本的方案,这并不冲突,这说明原本的设计者也是严谨或靠谱的,并且深入理解的过程是宝贵的,在体验设计的范畴,解构思维应该是为我们提供别样的视角,帮助我们深入本质解决问题,并不是为了生成新的结构而解构。

    五、解构思维对 B 端的价值 1. 突破对传统结构的思维局限

    产品设计中,常常开玩笑说就是互相抄来抄去,要是竞品毙光了,都不知道接下去怎么设计了,很多时候我们看问题常常凭借经验或直觉看表象,未能深入或大胆的批判人家的不好,对权威提出质疑,而解构思维正好反其道行之,以使得我们对竞品分析或用户研究后不会拿出一个显而易见的结果,却没有深入的结论做业务抓手。解构思维可以去中心化去权威化,帮助我们深入并注意到构成个体的价值,以为业务带来更多的可能性。

    2. 业务优化或改版的得力助手

    看起来没什么问题,或是对方案没有底气,那就试着解构一下,先把页面里的业务拆出来,在把业务之间的关系和逻辑才拆出来,当你解的足够清晰明了时,面对不同场景或角色特征,需求优化的方向就开始清晰了,解构思维能让你变得游刃有余,是业务分析和理解的一把好手。

    3. 深度理解组件原理与应用

    以前总是问这个组件怎么用,其实应用解构思维后,才发现原来是自己太懒了,没有进一步的对组件进行思考和理解,其实运用解构思维想想人家组件为什么这么做、还能怎么做、什么场景下用,马上就通透了,并且对于组件的模块化改造也是有着相当的作用。

    六、结语 早些时候,我以为的解构,就是对某个结构进行拆解加深理解,而之后又意识到还要用一些颠倒、反转、重组、叠加等一些列手段进行建构,目的是形成一个不同于以往的结构,再后来才发现解构也没那么简单,解构主义更注重的是对传统观念中的结构发起的质疑,从而引发新的深思,将本质不再停留在结构与表象本身,并试图找到新的或其他合理的点进行重新建构,最终带来不一样的结构或价值体现,这种例子也在当今多元化的世界处处可见,稍加灵活的应用,解构也会是不错的工具。

    当然了解构已经在各行各业开出了不一样的花,怎么理解怎么运用会有所不同,这里主要也是分享了在体验设计领域中我对解构思维的理解与运用,算是抛砖引玉吧,你有看见什么好例子吗?评论里告诉我,我们一起解构解构

  • All-art!了解西方美术史必备的百科全书式网站

    UI交互 2023-01-11
    大家好,这里是和你们聊设计的花生~又是新的一年,大家有给自己设定新的年度计划吗?我的新年目标中有一项是系统地了解一下西方美术的发展历史,以此提高审美,扩宽自己艺术知识面。为此我开始看之前@Simon_阿文 推荐过的孙乃树老师的《西方美术欣赏》,讲得真的很棒,系统地介绍了西方美术史的发展脉络、演变过程、风格特征及代...

    大家好,这里是和你们聊设计的花生~

    又是新的一年,大家有给自己设定新的年度计划吗?我的新年目标中有一项是系统地了解一下西方美术的发展历史,以此提高审美,扩宽自己艺术知识面。

    为此我开始看之前 @Simon_阿文  推荐过的孙乃树老师的《西方美术欣赏》,讲得真的很棒,系统地介绍了西方 美术史 的发展脉络、演变过程、风格特征及代表人物,内容详略得当,孙老师的授课风格也非常生动有趣。B站有全套60讲课程视频,孙乃树老师本人也入驻了B站并上传了2021年新版课程视频,非常推荐想提升艺术审美的小伙伴都看看。

    《西方美术欣赏》(旧版): https://www.bilibili.com/video/BV1A4411j7g1

    孙乃树老师B站主页(新版): https://space.bilibili.com/1348664019/video

    B站孙乃树老师的《西方美术欣赏》2021年新版视频

    《西方美术欣赏》的课程内容的确好,但对我来说比较遗憾的一点就是课程展示图片的方式比较受限。一是摄影录屏的方式让PPT内的图片展示效果很差,有时根本看不清,二是通过视频只能看到作品画了的内容,看不清笔触和色彩细节,所以在学习时我经常会自己搜索艺术家作品的高清图片,而在这个过程中我发现了一个关于学习西方艺术发展史的宝藏网站——世界艺术历史 All-art .org。

    All-art 网站直达: http://all-art.org/contents.html (搭梯子使用图片加载速度更快)

    All-art是一个记录世界艺术发展史的百科书式的网站,以时间为顺序展示绘画、音乐、建筑、摄影、文学的发展过程,其中有关绘画史的介绍最为详实细致。

    网站首页以首页按时间顺序陈列了主要艺术风格以及流派,从史前、古希腊罗马、中世纪到文艺复兴、巴洛克、洛可可再到浪漫主义、现实主义、印象派、当代艺术和20世纪的艺术,非常全面完整。

    在此时间轴的基础上,网站将每个流派的主要信息列成了分级目录,方便人们查找。以印象派和后印象派这部分为例,目录首先给出的是「19世纪艺术风格地图」,然后是3个主要风格「现实主义」、「印象派」、「后印象派」,每个风格下方又列举了代表画派或代表人物。使用网页翻译后会出现层级错位,大家可以根据字号大小判断内容层级。

    点击进入「艺术风格地图」后,我们首先可以了解一个风格具体处于哪个的时间阶段。如下图所示,我们可以看出19世纪主要流行5个艺术风格,而印象派和后印象派处于初期。

    往下浏览可以看到19世纪各个画派的所有代表画家,网站以卡片的方式将他们一一罗列,点击卡片下方的名字,可以跳转了解该画家的生平简介和主要艺术作品。如果我们点击的是该风格的主标题,就能看到关于该风格的相关介绍,包括兴起原因、发展过程、主要代表人物和风格特征等。

    使用All-art这个网站我们可以非常直观的了解西方美术史的发展中脉络和主要风格流派,搜索相关的艺术家及作品也非常方便,不用一个个去搜索引擎里面查找,省时省力,搭配孙乃树老师的《西方美术欣赏》食用效果更佳,学习效率翻倍猛涨。首页末尾还有关于文学、音乐、建筑发展史的介绍,也是按时间顺序展示相关信息,大家也可以抽空看看。

    All-art.org网站“古典音乐”版块的内容

    在了解不同画家及其作品的过程中,我一个非常深刻的感受就是一定要找高清大图看,看到的作品细节越多,就越能深刻地感受到一位画家风格的独特。所以建议大家在画家作品的时候使用谷歌图片,它能提供更全面的艺术家作品图片,而且大部分都是来自各大博物馆或艺术公益组织资料库的高清大图。

    以上就是今天为大家推荐的设计宝藏网站 All-art.org,无论是学设计还是学插画都需要我们有良好的审美,而多了解西方美术史就是非常有效的提升方式,大家记得用起来~

    网站直达: http://all-art.org/contents.html (搭梯子使用图片加载速度更快)

    喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友 。如果你有关于本文或者设计的疑问,可以在评论区提出,我会第一时间为大家解答 ~

    推荐阅读:

    横跨140年!了解平面设计发展历史的宝藏网站Design Reviewed 大家好,这里是和你们聊设计的花生~ 今天给大家推荐一个收录了自 1880 年至今 140 年间平面设计海报的宝藏网站「Design Reviewed」 ,通过它既可以了解平面设计发展历史,也能从不同时期的作品中获得创作灵感,一起来看看吧~ 往期回顾: Design Reviewe

    阅读文章 >

    国风参考必备!6500份高清素材的「数字敦煌开放素材库」 大家好,这里是和你们聊设计的花生~ 近日,敦煌研究院和腾讯联合打造的“数字敦煌开放素材库”上线了,号称是内容最权威、最官方的敦煌学研究开发素材库,也是首个基于区块链的数字文化遗产开发共创平台。

    阅读文章 >


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通