字体 网站 是一个 最近 ChatGPT 火出圈了，我今天也来凑个热闹。在这篇文章中，将向大家介绍 8 个字体下载网站，这些网站全是由 ChatGPT 推荐的。这些网站提供了各种风格的字体，从传统的衬线字体到现代的无衬线字体，从手写风格到艺术字体，无论是商业项目还是个人使用，都可以从这些网站中找到适合自己的字体资源。更多字体下载：打包下载！5款高质量的免费可商用英文字体推荐大家好，这里是和你们聊设计的花生~今天为大家推荐 5 款我最新收集的高质量英文字体，包含赛博朋克、优雅、圆润可爱、纤巧灵动等多个风格，而且都是免费可商用的哦~往期回顾:一、Achron字体设计师 Instagram 主页： https://www.instagram.co阅读文章 > 一、Google Fonts网站链接： https://fonts.google.com/Google Fonts 是一项由 Google 提供的免费开放源代码字体库，可以免费下载和使用超过 1000 种字体。字体库包括许多流行的字体家族，如 Open Sans、Roboto、Montserrat 和 Lato 等。二、DaFont网站链接： https://www.dafont.com/Dafont 是一个免费字体下载的网站，网站上提供了数万种来自不同设计师的字体。用户可以根据字体分类、字体作者、字体名称等方式来搜索字体，可以在每个字体页面上看到预览效果，并直接下载字体。三、Font Squirrel网站链接： https://www.fontsquirrel.com/Font Squirrel 是一个免费的字体资源网站，该网站目前收录了超过 1500 种字体，可用于个人和商业用途。Font Squirrel 还提供了字体识别器、字体对比器等功能，帮助用户轻松找到适合的字体。四、Abstract Fonts网站链接： https://www.abstractfonts.com/Abstract Fonts 是一个免费字体下载的网站，该网站拥有庞大的字体库，涵盖了各种类型的字体。用户可以通过搜索和筛选快速找到自己需要的字体。该网站还提供了在线字体识别工具，用户上传一张字体的图片，通过识别工具来找到该字体的名称和下载链接。五、MyFonts网站链接： https://www.myfonts.com/My Fonts 是一个提供字体下载、购买和使用的网站。该网站拥有超过 130,000 种字体，包括来自世界各地的设计师和字体公司的作品。用户可以通过搜索、浏览、筛选和比较不同字体，找到适合自己需要的字体，并进行购买或下载。六、FontSpace网站链接： https://www.fontspace.com/FontSpace 是一个免费的在线字体库网站，网站上收录了大量的免费字体。用户可以通过搜索或分类浏览来查找自己需要的字体，也可以按照字体作者进行筛选，无需注册即可浏览和下载字体。七、FontSpring网站链接： https://www.fontspring.com/Fontspring 是一个字体市场和字体管理平台，用户可以浏览和购买各种字体。字体来自各个知名字体设计师和字体工作室，可以用于个人和商业项目，并且许可证非常灵活，以满足不同用户的需求。八、UrbanFonts网站链接： https://www.urbanfonts.com/UrbanFonts 是一个提供免费字体下载的网站，提供超过 8000 个字体供用户选择。该网站也提供付费字体，但大多数字体都可以免费下载。网站还提供了字体预览功能，用户可以在选择下载前先预览字体效果。本篇来源：优设网原文地址：https://www.uisdc.com/font-download-website
是一个 字体 你可以 编者按：这是设计师 Shantanu Kumar 所创建了一份设计素材清单，其中包含 11 个比较有价值的设计素材平台，它们能够让你在做平面设计的时候更快、更好，而且保持较低的预算。下面具体看看吧：众所周知，作为一名平面设计师，在做视觉传达的时候需要替品牌承担大量的挑战性的任务。为了满足客户的期望，设计师需要兼顾调研员、视觉叙事者和视觉设计师等多个角色。在调研搜集整理阶段，你绝大多数的工作其实是利用手头的现有资源和素材（比如字体、图片、样机和图标等）快速创建概念，并且将你的想法落地下来。是否擅长筛选素材是决定你的设计是否优秀的关键。更重要的是，设计素材的好坏，也直接决定了你是否有足够多的时间将注意力集中在项目最具挑战性的部分。如果你必须从零开始创建素材，那么你的项目上所需要投入的时间会更长。这也是为什么我会整理这么一个优质设计素材列表，你可以基于这些素材来更快实现你想要的设计效果。1、Fontbrief 字体平台https://www.fontbrief.com/fontbriefFont Brief 让你可以找到理想的字体，这个平台是由平面设计师 Victor Bartis 和艺术总监 Christian Costea 所搭建起来的，他们精心筛选了一波极具风格和个性的字体，希望做排印和平面设计和品牌设计的设计师能够从中收益。2、Velvetyne 字体平台http://velvetyne.fr/从 2010 年开始，Velvetyne Type Foundry 就一直在分发免费开源的字体，Velvetyne 所筛选的字体通常素质相当过硬，有着较强的美学价值，并且极具时尚感，对于平面设计师而言，它是不可多得的时尚设计试验场。3、配色工具 Color Lisahttp://colorlisa.com/每次在设计师会在设计项目上投入大量的时间来选择合适的配色方案，而 Color Lisa 可以从一些标志性的艺术家的的配色当中汲取灵感，其中内置了大量这样的配色方案，你可以根据你喜欢的艺术家和作品来筛选配色方案。4、Control 图库https://control.rocks/Control 提供了 108 幅可以进行深入定制的扁平风格插画，并且每幅插画都有 AI、Figma 和 Sketch 对应的矢量文件下载，并且提供 PNG 格式下载。这套插画图库并非完全免费的，但是提供免费试用。5、Open Peeps 图库https://www.openpeeps.com/Open Peeps 是一个足够简单，但是也足够优秀的插图素材解决方案，它提供一系列的手绘插图，可以用于产品、运营、海报、用户流程和故事板等常见的场景，这些角色插画千差万别，但是又个性十足。6、设计系统检查清单https://www.designsystemchecklist.com/这个网站是一个设计专家团队的协作成果，他们深入钻研了设计系统，并且耗费了大量的来测试和实战，并且最终确定了设计系统所涉及到的要点，最终输出了这样的一套检查清单，方便你能够制作出更好的设计系统。7、样机之家https://houseofmockups.com/这是一个由 Shillington Education 的创意总监 Anthony Wood 所创立的再现社区，名为 House of Mockup。Shillington 是一个独一无二的设计训练营，他们提供设计培训，遍布美国、欧洲和澳大利亚，而 House of Mockups 也是他们所输出的样机素材平台。8、Lordicon 图标https://lordicon.com/你会在 Lordicon 看到一系列素质令人惊叹的优质图标，既有静态的也有动态的，它们有着庞大的内容库，而且有近乎无限的排列组合的可能性。每个图标都有 Gif、Svg、Eps和 Png 的格式，你可以直接下载，也可以使用 HTML 代码直接调用嵌入到你的实战项目当中去。9、图库 Offsethttps://www.offset.com/Offset 是一个由 ShutterStock 所运营的高素质图片素材网站，他们是专门提供适用于商业项目和内容平台的高素质、免版税（注意不是免费）的图片素材。他们对图片素质要求超级高，这也意味着仅仅只有世界一流的摄影师才能为 Offset 提供图片内容。Offset 的每张图片都经过精心挑选，并且检查过质量。10、Dieline 设计博客https://thedieline.com/如果你对于包装设计、平面设计都非常感兴趣，那么你可以关注一下 Dieline，它会快速更新最热的包装设计的资讯和案例。他们的目标是创建一个面向全球包装设计和平面设计的内容平台。11、AIGA：关注设计https://eyeondesign.aiga.org/Eye on design 这个是美国平面艺术协会和 AIGA 的设计专家运营的一个博客，内容涉及到设计的方方面面，包含字体排印、界面设计、用户体验、品牌等主题，其中包含了大量精心挑选的内容和有见地的信息。本篇来源：优设网原文地址：https://www.uisdc.com/11-unheard-graphic-design-resources
苹果公司 苹果 是一个 原标题：Jony Ive on Life After Apple原作者：Elisa Lipsky-Karasz链接：https://www.wsj.com/articles/jony-ive-apple-design-interview-profile-lovefrom-11666733971转载自极客公园：https://mp.weixin.qq.com/s/opEVM-lPk5cHcGhzRoQt-A「真正在意软件的人，应该打造自己的硬件」计算机学先驱 Alan Kay 这句名言的忠实践行者之一，就是苹果公司。在 PC 和智能手机变化甚微的当下，苹果甚至将其延展到「真正在意软件的人，应该打造自己的芯片」。2020 年，苹果公司用 M1 芯片的优秀能力证明，电脑甚至平板的发展方向，应该重回「核心」。仅用 2 年时间，苹果就树立起自己「理工直男」的形象——别误会，苹果的设计依然优美，只是最大的亮点已经变成了那块不足手掌大小的计算芯片。就在苹果公司发布 M1 芯片前一年，首席设计官 Jony Ive 离职，从这家他工作了 30 年的公司退出。对于这位和乔布斯密切配合，打造出了 iMac G3、iPod、iPhone、AirPods 等一系列产品的「设计掌门」的离任，一直有很多传闻。但最真实的那个，可能就是在后乔布斯时代，主导产品的已经不再是设计部门，而是工程部门。离开苹果之后，Jony Ive 专注于自己的设计工作室 LoveFrom。在这里，他可以专心思考设计，「制作有深刻用途的东西」，专心做一个「手工艺人」。近期，WSJ 专访了 Jony Ive，苹果公司最具代表性产品背后的策划者，揭示了他的设计理念是如何指导他的创意体——LoveFrom 的协作。图片来自：LoveFrom 官网点击屏幕后，一段简短的文字声明以滑动的形式出现在屏幕上。除此之外，没有联系方式，没有团队成员展示只有一行短短的斜体署名。LoveFrom 是一个创意体。我们是设计师、建筑师、音乐家、电影制片人、作家、工程师和艺术家。你可能从我们过去的工作中认识我们。我们痴迷于创造和制造的传统。狂热地致力于追求卓越。贪得无厌的好奇心。我们与领导者和创始人合作。我们为快乐而工作。我们发展我们自己的创意。苹果公司最具革命性的产品背后的策划者，Jony Ive，说「我总是能写出很多我无法画出的东西」，他举起一个太空时代风格的咖啡杯，说「如果我画这个，它只能捕捉到某些属性。」Ive 正坐在旧金山山区高处的太平洋高地马车房的花园里，这栋建筑被他改造成了一个私人工作室，偶尔也为朋友们提供住宿。除了这个由 Ive 的商业伙伴和设计师伙伴 Marc Newson 设计、由日本品牌 Noritak 制造的杯子之外，Ive 几乎设计了这个看似简单的空间的所有室内和室外元素，直到灰色的大理石浴室水槽和花园里圆形的、粗糙的垫脚石。Ive 半开玩笑地称自己有 「强迫症」。进入他的领域，就像走进一个 Gesamtkunstwerk（德语术语，意为 「整体艺术品」）。这个要不是由一个热爱音乐、法国风格的花园、禅宗和老爷车的 21 世纪英国人创造的话，那就可能会是艺术和手工艺运动创始人 William Morris 创造了。人们可以感觉到，Ive 创造这个空间的部分原因，是为了防止看到任何他可能认为是糟糕的设计的痛苦。他说：「这对思考很有帮助」。Jony Ive 爵士是 2012 年大英帝国最优秀骑士勋章获得者。他拥有 1628 项美国专利，这是他在全球拥有的包括软件和硬件在内的 14000 项专利的一部分。在乔布斯身边工作期间，从他笔下流出的设计涵盖了苹果商店购物袋、橡木展示桌和公司销量最大的产品 iPhone 等各种物品。在 Ive55 岁时，他的素描本里堆满了门把手、钻头、景观图和 AirPods，几乎都有他标志性的圆角，仿佛是他想缓冲世界的严酷棱角。Jony Ive 参与设计的经典苹果产品｜WSJ与 Ive 一起研究这些 AirPods，就像与艺术家讨论一件手工制作的雕塑一样。当耳塞在盒子里点击到位时，磁化的顶部发出丰富的响声，这是他一直在努力并重新设计的一个功能，还有光滑的内部，以及盒子的重量和在手掌中的感觉。他笑着说：「如果没有磁铁，我不知道该怎么办。」通过赋予耳机盒给手机充电的功能——给耳机充电，他知道用户就不太可能丢失耳机了。这与他收集的 19 世纪的野餐箱没有什么不同，在这些野餐箱中，每个叉子、勺子、刀子和杯子都依偎在一个定制的地方。作家、伦敦设计博物馆名誉馆长 Deyan Sudjic 说：「[Jony] 完全是一次性地触达了拥有苹果产品的数百万消费者。」21 世纪的设计师中，没有任何一个人通过其作品的效果和其作品的实际存在触达到更多的人....。Jony 试图将 [技术] 变革突然带来的大量事物，变得有尊严、人性化。Sudjic 说。「在一个我们专注于屏幕和像素但仍然需要实物的世界里，他对材料很着迷，非常关心人们如何使用东西」。关于 Ive 的设计方法，令人惊讶的一点是，他经常以「对话」而不是「草图」的方式开始一个项目。思考——然后谈论这种思考——是他工作的原始材料。Ive 说「语言是如此强大」，如果我说我要设计一把「椅子」，想想这有多危险。因为你刚说了「椅子」，你就对一千个「想法」说了不。他说：这就是它变得令人兴奋的地方。你有一个想法，想法是没有被证实也没有被解决的。因为一个被解决的「想法」就是一个「产品」，关于这个「想法」的唯一有形的东西就是问题。当有人说这是不可能的，而你所看到的是为什么它不可能，你必须以不同的方式思考和行动。你必须说，从一个有勇气的地方，我相信它是可能的。他补充说：「我喜欢制作那些有深刻用途的东西，我是一个非常实用的手工艺人」。Jonathan Ive 于 1967 年出生在伦敦东北郊区，那里的普通砖房和维多利亚式联排别墅在濒临埃平森林（Epping Forest）时逐渐减少，这是一片狭长的古林地。他的父亲 Michael Ive 接受过银匠培训，在东伦敦的一所职业高中教设计，后来在北伦敦的米德尔塞克斯理工学院教大学生。Jonathan 经常跟着父亲到处跑，提出卡丁车、树屋或其他设计理念的图纸，让父亲审阅。每年一次，父亲会允许他在米德尔塞克斯工作室制作任何他想要的东西，作为一种特殊奖励。Ive 说：「我在阅读方面真的很吃力」。他最高兴的是拿着素描本做白日梦，或看他父亲工作。他回忆说：「很早以前，我就被贴上了标签，被描述为一个不成功的学生。」Ive 十几岁的时候，全家搬到了北边的英国乡村。他患有轻微的口吃，使他不愿意说话，给人的印象是害羞。他说：「我不适应，人们想欺负我」。但是，他强壮的身材和他打橄榄球的事实，使他们不敢轻举妄动。在高中，他开始和一个参加同一个教堂的美丽金发女郎 Heather Pegg 约会。尽管 Ive 作为绘图员的天赋使他成为美术学校的候选人，但他知道自己想要什么：进入纽卡斯尔理工学院，一所工业设计学校。这一次，他作为明星学生脱颖而出，采纳了当代设计师，如 Dieter Rams，所表达的包豪斯的严格原则，而 Dieter Rams 在 60 年代初成为了博朗公司的首席设计官。Ive 同样注重材料的诚实性和物体的预期功能。在毕业前，他和 Heather 结婚了，并有了一对双胞胎儿子，Charlie and Harry。1989 年离开大学时，Ive 表现优异，获得了 500 英镑（当时约为 750 美元）的奖励，他立即用这笔钱买了一张去旧金山的机票——他听说那里是一个设计乌托邦。硅谷的一切皆有可能的氛围令 Ive 惊叹不已，它似乎与保守的英国截然相反。回到英国后，他发誓要想办法回到旧金山。1990 年，Ive 成为伦敦一家新机构 Tangerine 的合伙人。他做了大量的历史研究，创造了无数的原型，但他的成品建议被认为太难生产。他认为自己浪费了时间，这种感觉使 Ive 意志消沉。然而，大约在同一时间，他被委托为苹果公司设计便携式电脑。事实证明，这是一次考核。1992 年，在他 25 岁的时候，Ive 得到了一份工作。Ive 现在说,「我想成为这家疯狂的加州公司的一部分。」他很反感公司这个词。他更喜欢 「一群真正团结在一起有共同目标感的人」，而这正是他最初希望在苹果找到的。然而，在他加入后不久，公司开始涣散。Jony Ive 曾参与设计的牛顿掌上电脑｜Apple Museum他在 1992 年设计的牛顿 (Newton) 平板电脑受到了评论家的赞扬，但在很大程度上被消费者忽视。苹果公司开始萎缩，成为一个收购目标。Ive 说「最重要的教训你永远不会选择去学习，因为它们是如此的痛苦」，「一家公司的灭亡是如此丑陋不堪」。现在，作为工业设计主管的 Ive 感到他的目标感被剥夺了。他曾有过离开苹果的想法。但是，1997 年 9 月 16 日，在乔布斯走出门去创办 NeXT 公司整整 12 年后，乔布斯回到了苹果公司担任 CEO。当时 30 岁的 Ive 以为乔布斯会雇佣一个更知名的设计师来接替他，但在他们的第一次会面中发生了一些意想不到的事情。Ive 说：「我与史蒂夫一拍即合，这是我以前从未与人接触过的方式，此后也从未如此。」很快，两人几乎每天都要共进午餐，乔布斯在设计室里呆了无数个小时，他和 Ive 把想法变成了有形的产品，从 1998 年推出的发光的绿松石色 iMac 开始。乔布斯认识到，Ive 的设计使一些呆板的东西--方方正正的台式电脑--变成了无忧无虑的酷的象征，这种一体式的设计带有一个把手，使它更便于携带。新的 iMac 一炮打响，到 2001 年 4 月，苹果的出货量达到 500 万台。该公司突然获得了巨大的成功。现任首席执行官 Tim Cook 说，Ive 在苹果公司的复兴中的作用怎么强调都不为过，那个时期 Cook 就在公司。很快，Ive 的工作内容就从设计延伸到了运营和生产。Ive 一直是一个完美主义者，他前往中国、韩国和新加坡的苹果工厂，有时睡在生产线上，以确保他为一次性样品带来的精度在最终产品中得以体现。2001 年，艾维帮助推出了带有标志性白色耳机的 iPod，后来又推出了超薄的 MacBook Air（2008）和 iPad（2010）。还有 iPhone，它在 2007 年取消了键盘，转而采用了我为之奋斗的超大屏幕--更薄的 iPod 版本，但功能却大大扩展。光滑的多点触控屏幕，现在被其他智能手机广泛模仿，开创了一个新的通信时代，让每个人的口袋里都有一台迷你电脑。Newson 曾在 2003 年为日本 KDDI 公司设计过一款手机，他回忆说，Ive 向他展示了第一款 iPhone 的例子，他非常了解这样一个项目的挑战。当时，Newson 和他的妻子及刚出生的女儿躲在瑞士的一个小屋里，看到了这个长方形的 iPhone，其玻璃屏幕和 Ive 基于贝塞尔曲线的标志性几何图形，似乎是一个未来预兆。Newson 说：「这是开创性的，游戏规则正在改变」。在此期间，自 2003 年以来，乔布斯一直在秘密地与胰腺癌作斗争，最终于 2011 年 10 月离世。乔布斯在家中去世的那天，Ive 和库克、乔布斯的妻子 Laurene Powell Jobs 以及他们的孩子们在一起。Ive 现在说：「我很荣幸与史蒂夫相处了这么长时间。」在乔布斯去世和库克被任命为首席执行官后，Ive 推动了他认为能将公司带入未来的项目：可穿戴技术，包括 Apple Watch 和 AirPods。Jony Ive 手腕上的 Apple Watch 是其精心的作品之一｜MediumIve 认为手表将以多种方式帮助人们，特别是在健康领域，帮助识别不规则的心跳或其他健康不良的指标。当 Apple Watch 在 2015 年发布时，一些批评者不喜欢有限的电池寿命，但在此后的七年里，它已成为世界上最畅销的手表。Sudjic 说，「这不是真正的手表——它采取了人们熟悉的形式，几个世纪以来的腕表，它显示了对我们与我们所佩戴的东西的关系的理解。」到 2017 年，Ive 成为苹果公司的首席设计官，当时他的终极项目已经揭开面纱——那就是苹果总部 Apple Park。苹果公园是该公司在库珀蒂诺的新总部，是由 Ive 与乔布斯和诺曼·福斯特一起开始设计，并与建筑师及其公司 Foster + Partners 一起完成的。主楼是一个巨大的环形建筑，努力创造各部门之间的行动和交流的便利，让许多人产生联系、进行合作。Apple Park 是 Jony Ive 的野心之作｜Vogue苹果分析网站 Above Avalon 的创始人 Neil Cybart 说，「这是有史以来最大的产品，它通过协助协作过程，使未来的其他产品更容易制造，....。当我看到 Jony 对苹果的贡献时，它不只是一个产品。」当我看到乔尼对苹果的贡献时，它不是一个产品。而是他建立的文化--他开发的、苹果现在使用的流程。有趣的事情来自于对完美的追求」。在 LoveFrom——Ive 与 Newson 在 2019 年共同创立的位于旧金山的创意体，办公室与苹果园相比很小，但同样开放。(Ive 在创办公司的同一年从苹果公司辞职，说他感到有责任做一些重要的事情，并利用他所学到的知识来解决新问题)。没有隔断墙分割空间。办公室里的谈话声此起彼伏，这些谈话有时会在 Ive 的办公室外的双胞胎餐厅 Cotogna 和 Quince 继续进行。LoveFrom 保留了苹果公司对产品发布的保密性传统。不论是为客户制作的，还是是为 Ive 可能独立推出的产品制作的样品都被罩在定制的麂皮封面下。Ive 雇用的第一批员工之一是一名全职作家。(现在有 30 多名员工，其中许多人曾在苹果公司与他共事）。Ive 说，LoveFrom 是他所知道的唯一一个拥有员工抄写员的创意公司，其工作部分是帮助他的平面设计师、建筑师、音响工程师和工业设计师团队为其与 Airbnb、法拉利和其他公司的合作提出的想法变成文字。Jony Ive 和 Marc Newson（左）在其工作室中｜FTAirbnb 的联合创始人 Brian Chesky 说「我觉得人们认为设计是事物的外观，但这是一个肤浅的定义，设计其实关于是一个东西如何运作的问题」。他在看到 Ive 从苹果公司辞职的消息后立即给他打电话，要求成为 LoveFrom 的第一批客户之一。曾在罗德岛设计学院学习的 Chesky 补充说：「我一直以为自己了解设计，但在与 Ive 合作之前，我从未在更深层次上理解过设计」。他还说，「伊夫能够将经典的模拟设计与关于用户体验和界面设计的技术性想法融合在一起，虽然这通常是工程师的事情。」Chesky 和 Ive 几乎每天都在交谈，这种做法始于大流行病期间，当时 Airbnb 的预订量下降了 80%。当公司面临削减时，Ive 建议切斯基谨慎行事。他说：「你不可能通过削减来实现创新」。相反，他推动 Chesky 发展的想法之一是考虑得更大，包括超越 Airbnb 主页上的预订框的限制，上面写着 「哪里 」和 「什么时候」。Ive 告诉 Chesky，该公司是关于 「连接」。这位设计师经常会为他的客户制作白皮书，上面写满了大量的参考资料。他给 Chesky 的一本上写着 「超越何处和何时」。他们的工作正在进行中，从 Airbnb 的标志到目前的战略，Ive 都提供建议。Ive 提出异议，「我对商业一无所知」，但他对目前对破坏的迷恋深恶痛绝。他说：我对破坏事物不感兴趣。然而，我们已经把破坏一切有价值的东西作为一种美德。这与成功和出售公司赚钱有关。但这太容易了--在三个星期内，我们可以打破一切。Sudjic 说，这对 Jony 来说是一个两难的选择。他是相信设计应该持久、不应该每年都被取代的那一代人，但现在他所处的时代，技术是一种不可阻挡的力量。他是在引领它还是在跟随它？但这种技能和工艺感对他来说是至关重要的。Ive 很快就展望了未来。他说，「成功是好奇心的敌人」。而对 Ive 来说，好奇心已经有了一种近乎道德或宗教的品质。他说：「当人们完全没有好奇心的时候，我感到很害怕和厌恶。这是许多社会功能失调和冲突的根源....。当人们否定创造力时，我如此愤怒的部分原因是，当创造力是以其最崇高和协作的形式进行的活动时，它意味着一群人以同情和无私的方式走到一起。我意识到的是，与大群人一起创造的过程真的很困难，也是令人难以置信的强大。」更多苹果产品的设计揭秘：内行看门道！顶尖设计师眼中的Apple Watch是怎样的？编者按：Apple Watch 横空出世，孰好孰坏不能一锤定音，得让老师傅来讲讲， 今天的采访的几位业界顶尖人物，有负责Xbox 360 设计的高手，也有就职于品牌手表的设计师，外行看热闹，今天带同学们一窥内行门道。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/jony-ive-leave-apple
图标 是一个 彩蛋 Hi，我是彩云。最近在研究竞品时发现了一个动效非常丝滑，设计非常新潮的 APP，叫 Zenly，里面还埋了很多彩蛋设计，把体验设计做到了极致。严格来说，Zenly 不算是一个新 APP，上线的时间还比较早，但这次 5.0 大版本更新后，设计风格更加新潮大胆，它们不是在追随趋势，而是在引领趋势。我想作为一个视觉设计师，对这种风格新潮的应用趋势，是必须加以关注并研究的，所以今天就跟随彩云的视角对这款应用做一个赏析吧。实际上它上一个版本的设计也非常优秀，所以我会把更新前后的设计变化也做一个介绍。这次会重点介绍 5.0 更新的内容，因为升级后的风格更加有自己的个性了。更多改版案例复盘：大厂实战！vivo官网APP首页改版设计过程复盘vivo 官网 APP是什么？阅读文章 > 如何系统化进行设计改版？用一个实战案例教会你！项目背景当公司的发展规模到一定程度时，考虑到信息安全、持续采购成本与相关风险，企业会采取自研的方式来实现部分协同工作软件的自产与自用，本文将以内部目标管理系统为例，阐述我们是如何系统化的做企业系统设计改版。阅读文章 > 视觉设计这次大版本更新，在风格上改变很彻底，几乎是截然不同的设计风格了，从 APP 图标到界面里的功能图标、背景、图形、颜色都做了很大的改变。1. 扁平多彩的图标和界面应用主图标除了冰棍造型保持延续外，整体效果从清新可爱到暗黑潮酷，有了一个非常大的变化。在上一个版本中 UI 风格中规中矩，设计团队好像是在犹抱琵琶半遮面，压抑着内心情绪一样，而到了这个版本，就彻底放飞自我了。关于主图标还有一个小彩蛋的设计就是当你完成了它的一些任务后，可以解锁更多的主图标效果，算是给了用户更多的个性化体验。我目前已经解锁了 2 个图标了。其实这个应用还藏了不少彩蛋设计，后面会讲到。这里做的好的地方之一是，主图标的风格跟内部界面保持了很好的一致性，从图标就能感受到内部界面的风格特点。5.0 版本的图标风格化更加明显，用到了非常大胆的渐变色，具有很强的风格特点。2. 多重渐变颜色APP 中的颜色体系也是跟随整体调性做了巨大改变。在上一个版本中，主要以白色加一些微渐变颜色为主，而到了最新 5.0 版本，主色调改为了暗色系。在这种颜色氛围下，很适合增加一些比较酷炫的渐变色，这在 APP 中几乎随处可见，包括图标、背景、图案、按钮、文字等等。3. 超大字体上一个版本中字体字号相对还比较常规，而到了这个版本，字号设计变得非常大，几乎是到了比较夸张的地步。单纯从字号上来看，在其他 APP 中就不太常见，也算是一个记忆点了。只是个人觉得有点大的过分了些，美观度没有太好。4. 3D 质感表情表情设计也算是 Zenly 的一大特色之一了。在上一版中的质感，整体来说是比较偏清爽可爱的，虽然也有一定的 3D 质感，但总体来说做的都比较弱。而到了这个版本，3D 质感做的特别强，且颜色细节做的特别多，仿佛到了舞厅那种感觉，把潮酷风拉满了。（上一个版本使用语音还会有一个同步的表情跟随你一起说话，但到这个版本去掉了，有点可惜）而且它这里的表情不仅仅是设计上做的炫酷，还是有声音的，当你给好友头像发表情的时候，会有相应的表情配音，表情音其实是蛮少见的。结合声音，也算是它的一个设计亮点了，值得学习。带上耳机，可以感受表情音效，做的非常好动效设计动效设计可以说是 Zenly 中的一大亮点了，它的动效无处不在，且丝滑无比，是一个非常值得参考学习的地方。其实，动效设计现在越来越被重视，尤其在 UI 行业内卷到这种程度的时候，丝滑的动效越来越会影响用户的使用体验。在大厂，老板们对动效的要求也越来越高，大家都在追求极致丝滑的感觉，这个 APP 就是被推荐的参考之一。Zenly 被 Snapchat 收购后，动效体系的打通可能也是一个重要因素，母公司 Snapchat 的动效也是极其优秀。我自己体验下来，感觉它们做的这些动效有一个很关键的地方在于，动效的风格节奏和弹性度做得非常好。整个 Snapchat 动效体系都是以 Q 弹为特征，Zenly 延续了这种动效风格，动效风格也是品牌的一部分，在这里得到了很好的应用。我们可以从这款应用中学到动效应该用在哪些地方，以及这些动画的节奏和动态曲线等等。1. 融入品牌感的动效设计在添加好友这里有一个地球的酷炫动效，跟应用的核心功能有一个很强的结合，让这个动效有了更多价值。添加按钮的确认动效也做了 Z 轴上的旋转，虽然是一个细节设计，但也与整体的 3D 风格保持了统一。2. 符合物理规律的动态设计动效设计要想给用户带来自然流畅的感觉，符合物理运动规律是一个很重要的点，像这里的冰棍弹起的动态效果就好像很多冰棍凑到一块儿，因为很光滑加上冲击力比较大，被高速弹起然后由于重力下落直至静止后，再出现一个点赞的动效，整体看下来就很自然。因为在 Zenly 中，冰棍就是代表了一个个用户，所以动效元素也融入了品牌元素，每一个元素的运用都是有意义的。3. Q 弹的动效设计在 Zenly 中有大量的动态元素，甚至包括了很多文字内容。比如在注册环节，文字是一串串错位出现，然后又同时增加了明显的回弹效果，整体看下来显得非常 Q 弹，符合它们年轻的品牌个性。在回弹设计中也用了一些迪士尼动画 12 原则中的形变规律，对动态图标做了夸张的设计，让动画有趣又真实。比如在首页中的小房子图标，大家仔细看这个图标的扭动，是由一个预备动作+挤压变形+旋转组合而成的，这样就能让这个动画变得更加生动有趣。4. 呼吸感的动效设计在核心功能路径上，Zenly 把动效做得更加极致。因为整个应用的核心玩法是基于定位来的，所以 Zenly 把定位图标做了非常夸张的设计，用到了多种动态效果进行叠加，用了略快的呼吸节奏不断给用户反馈当前的位置。5. 充满生机的动效设计在 Zenly 中做的特别好的一点就是对于反馈的设计，几乎没有哪一个地方是完全静止的，让整个应用充满了生机和活力。就算当前页面本不会有动态变化，也会将你做的手势交互尽可能的给你一些动态反馈。在游戏中，及时反馈是一个非常核心的设计，可以说游戏就是靠不断的给玩家反馈让人沉迷其中的，在 Zenly 中这一点也得到了运用。比如在这个地图页面，你用手滑动侧面，也会给你反馈，而且跟随力度大小，反馈的形态也会有相应的动态变化，值得我们学习。再比如这里的卡片和信息提示，在你拖动的时候都会给到你即时的反馈，这种反馈对用户来说是非常友好的，可以算是一种惊喜体验。6. 动态分享背景在分享的时候可以预览不同的分享模板，并且背景上添加了动感的文字，显得动感十足。在一些背景设计上，如果期望能动态生成背景，文字可能是一个很好的方式，又一个学习点。7. 抖动与活力的反馈设计抖动也是 Zenly 的一大特点，会在很多关键路径上给用户即时的触感反馈。看，又讲到了反馈机制，大量的反馈让应用有了更多活力。玩法设计1. 解锁模式应用中模仿了很多游戏的做法，利用上瘾机制，让用户通过一个个小任务去解锁更的体验玩法。万字读书笔记！产品设计宝典《上瘾》全面解读！（上）为什么人们每天都会刷朋友圈、刷抖音，而且一刷就是几个小时，根本停不下来？阅读文章 > 万字读书笔记！产品设计宝典《上瘾》全面解读（下）《上瘾》这本书从大量的实验案例调研中，总结出那些让用户上瘾的产品设计原则，最后提炼出了一个让用户上瘾的模型，读完以后，真的恍然大悟，原来习惯类的产品需要这么设计。阅读文章 > 2. 表情连续发射在地图上，点击好友头像可以连续对他发射表情，这个表情还可以累积计数，是一个让用户很有点击欲望的设计，每个表情还有完全不同的配音，我就经常喜欢连击这些表情。对方收到这些表情时，如果数量比较多，会直接在他屏幕上爆开，是一个蛮有意思的设计。3. 地图标记地图标记应该是它的一个核心玩法设计之一了，它会根据你在某个对方停留的时长以及时间段，判断你是在家还是在公司。这也就是为什么它不断的提醒你要把手机定位功能改为始终允许，不然它的很多设计就没法正常玩耍了。4. 彩蛋设计在应用中还预埋了不少彩蛋设计，在一定的条件下会触发，给用户创造惊喜感。不同距离的导航提示也有做区别设计。我们可能会对附近的定位提示习以为常，但当在定位距离很远的地方，比如我在深圳，如果搜索美国的话，要想去到那边的话，规划的路线提示会出现飞机动效，出乎意料。再比如在上一个版本中，当你在地面上的缩放比例已经是很小时，双击或者双手持续放大，会出现裂缝到地心，且每次触发后看到的地心场景居然还是不一样的，当时发现这个彩蛋的时候简直惊讶到我了。只可惜在新版本中，这个彩蛋设计被去掉了，我猜可能是这个彩蛋埋的太深了，用的人过少所以就去掉了，设计最终还是要服务于用户。总结最后总结一下，这款应用非常值得设计师朋友们体验学习，设计风格上做的非常大胆和新潮，尤其是动效设计上做的非常体系化，体验起来非常丝滑。如果你平时也有体验产品的习惯，那么这个 APP 一定不要错过了，也欢迎你在体验过程中把你觉得比较惊喜的地方留言和大家一起分享吧。欢迎关注作者的微信公众号：「彩云译设计」本篇来源：优设网原文地址：https://www.uisdc.com/zenly-5-0
是一个 干货 水印 大家好，3月的第2波实用设计干货合集来了！越来越多的设计服务和功能开始选择借助在线网站来承载，它们专注于做好一件事情，同时，更好的运用机器学习来解决某一方面的问题，比如这次合集所推荐的免费图片修补工具，3D 快速建模工具，去水印的工具，免费的服装样机编辑器，都是这样。如果这里有你需要的工具，不妨看下去：1、免费的用户历程编辑器https://wireframepro.mockflow.com/buildcustomerjourney/在设计产品的时候，可能需要在设计之初就清晰的梳理出用户使用产品时的整个历程，而这个过程随着不同的产品的不同功能而有所差异，这个 CJM 编辑器会提供常见的3种用户历程，以此为基础你能够优化调整成为自己产品所需要的用户历程表，提供给团队或者用来演示。关于用户历程的设计，这篇文章有更详细的介绍：九个步骤搞定！用户历程图终极制作指南（附模板）编者按：这篇文章来自资深设计师 Taras Bakusevych ，他对于产品和体验有着非常深入的理解，这篇文章深入梳理了如何制作用户历程图才是合理和便捷的，是一篇相当给力的用户历程图终极设计指南：用户历程图（Journey Mapping）可能看起来是一个复杂的东西，尤其是当你尝试阅读文章 > 2、免费的图片元素擦除工具https://www.magiceraser.io/帮你节省修图时间的新工具喜加一！Magic Eraser 是一个借助机器学习成长起来的修图工具，主要的方向是帮你将图片中某些元素去掉，Magic Eraser 借助大量的图片训练拥有了自动修补的能力，修补完成之后你就可以下载修补之后的图片版本了。3、免费超强协作式 3D 建模设计工具https://spline.design/免费好用的 3D 设计软件越来越多了！这个名为 Spline 3D 的工具是一个实时协作型的 3D 设计软件，借助它本身的服务器的算力，你可以直接在浏览器中使用，也可以借助本地的客户端直使用，Spline 3D 有 Mac、Windows 和 Linux 版的客户端。4、免费去水印工具 WatermarkRemoverhttps://www.watermarkremover.io/这是一个完全免费的去水印工具，它提供网页版和 Android 版，两者本质上是一样的，它主要还是借助服务器端，经过深入训练的 AI 来帮助用户将图片上的水印直接去掉使用。WatermarkRemover 可以做到自动检测水印、多类型水印一次去除，以及多色水印直接去除，可以说相当给力了。5、3D 头像库 HeadZhttps://headz.design/HeadZ 是一个风格非常可爱的 3D 素材库，包含有完整的头部组件，并且它直接是对标 Apple 的 memojis ，这个 3D 头像库里面除了包含各种肤色各种造型的男性和女性角色，还额外增加了宠物，有两款狗和一款猫（包含各种不同的毛色和表情）。在这里获得免费的 Demo ：https://threedeeshop.gumroad.com/l/iUhgPl6、免费服装样机的在线编辑器https://mockover.com/mockups/t-shirt/Mockover 是一个非常好用的在线样机编辑工具，它带有 2D/3D 属性编辑功能，借助机器学习，可以轻松地在任何来源于网上的服装类型的服装上，添加和编辑图文元素，它内置了智能蒙版、智能填充、智能填充等功能，可以帮你实现不同的效果，进行更细致的设计。7、PPT 模板平台 RRslide https://library.rrslide.com/RRSlide 提供了一整套素质超高、漂亮又足够丰富的 PPT 模板库，你可以在这里获得特别多视觉效果惊艳的素材，3D 元素、表单、信息图表等等等等。从根本上来说，RRSlide 是一个收费服务，但是它本身提供试用，并且还有相当一部分素材其实是免费的，所以值得尝试一下。8、简单优雅的衬线字体 Cramble Cramble 是一个干净现代的衬线字体，它的衬线笔触有着明显的喇叭口，整体的风格又带有一点复古气息，而且字体提供多种不同的字符变体，用来应对不同的场合的需求。这款字体目前所提供的版本是免费的，但是仅限个人使用，可以在文章开头结尾的百度云链接中获得。9、活力十足的渐变色彩素材这是一组用色活力十足的渐变色彩背景，其中包含 20 张高素质的渐变背景素材，适合用来作为纯背景，也适合用于包装或者其他的设计场景下的辅助素材，这些图片全部是 300dpi 的高清 JPG 图片，分辨率高达 4500×3000 px，完全免费，可以商用，并且可以在文章开头结尾的的百度云链接中获得。往期干货：第一波！2022年3月精选实用设计干货合集大家好，3月的第1波实用设计干货合集来了！阅读文章 > 文件名 如何下载使用 文件大小 提取码 下载来源 3月干货第二波93mbrtt 点此复制 登录下载 本篇来源：优设网原文地址：https://www.uisdc.com/2022-3-design-resources-vol2
是一个 生成器 网站 大家好，我是零一，转眼又到了 2022 年，相信大家去年收藏夹里一定多了不少宝藏工具，快一起来分享一下吧~ 我先来！CSS 布局生成器Layout： https://layout.bradwoods.io/customize它是一个全功能的 CSS 和 JSX 生成器，用于使用 CSS Grid 布局语法生成不同种类的布局，任意修改 Grid 的属性，并且实时展示画面，生成对应代码。当然还有 Flex 布局（不过现在还不是很完善）RijuRiju： https://riju.codes/Riju 是一个继承了 224 种语言的在线代码运行平台，十分简洁，无广告，非常推荐WhirlWhirl： https://whirl.netlify.app/Whirl 是一个 CSS 动画库，与其它的动画库不一样，它集合了 108 种加载动画，简洁且独特，值得学习，所有的源代码也都能获取到！PikadayPikaday： https://pikaday.com/Pikaday 是一个日期选择器，无依赖、轻量（5k）、CSS 模块化，样式也很简约，我特别喜欢，令人意外的是，它在 Github 上竟然斩获了 7k+ StarTailwind ComponentsTailwind Components： https://tailwindcomponents.com/Tailwind Components 是一个 Tailwind UI 套件，这个网站是一个由社区贡献的各种 Tailwind 组件Tail-KitTail-Kit： https://www.tailwind-kit.com/Tail-Kit 是第一个非常棒的 Tailwind UI 组件库，它有超过 250 个开源组件，同时兼容 React、Vue 和 Angulartidy.jstidy.js： https://pbeshai.github.io/tidy/tidy.js 是一个用于处理数据相关的 JavaScript 库，它包括 70 多个不同类别的函数(整理、分组、数学、排序等等)party.jsparty.js： https://party.js.org/party.js 还蛮有意思的，你们应该见过很多博客网站，鼠标点击或拖动时会有很多炫酷的动效，这个库就是做这个的，你可以轻松地实现那些效果AI 去背景baseline： https://baseline.is/tools/background-remover/baseline 是一款免费的通过 AI 来去除图片背景的工具网站，支持 JPEG、PNG，最终会返回一个透明背景的 PNG 图片给你Layout patternsLayout patterns： https://web.dev/patterns/layout/Layout patterns 是 Google Developers 旗下开发者资源中新增的版块，里面列举了使用 CSS 构建布局 UI，现在列举了 11 种布局~ 后续应该还会持续增加，探索更多可能，建议收藏。*搭梯子访问。LowdefyLowdefy： https://lowdefy.com/Lowdefy 是一个开源的低代码框架，通过 YAML 来轻松构建 web 应用、管理面板、BI 仪表板、工作流和 CRUD 应用uncutuncut： https://uncut.wtf/uncut 是一个现代字体目录网站，重点是开源，可免费用于个人和商用，看了一下总共收录了 90 种字体，任君挑选~fetoolkitfetoolkit： https://www.fetoolkit.io/fetoolkit 是一个前端开发工具箱，收录了 20 多种编码、图片相关的工具，包括 CSS、JSON、图标、SVG、图像压缩、npm、regex 等工具Unicode ArrowsUnicode Arrows： https://unicodearrows.com/Unicode Arrows 是一个收录了各式各样的箭头相关的十六进制代码components AIcomponents AI： https://components.ai/components AI 是一个主题构建器，包括语法高亮生成器、渐变、阴影工具、SVG 图案生成器、动画背景等等，全部都可以在线调试，非常好用GlitterGlitter： https://wh0.github.io/glitter/Glitter 是一个荧光字体生成器，项目不复杂，但很好看，我们可以随意修改文本，最后导出 SVGIconduckIconduck： https://iconduck.com/Iconduck 是一个开源 icon 网站，拥有超过 100,000 个图标，可以通过关键字搜索，并且都可以在商业项目中使用pattern-generatorpattern-generator： https://doodad.dev/pattern-generator/pattern-generator 是一个帮助你生成背景图片的网站，就几十种图案可选，而且每种图案里的元素都可以通过交互按钮任意修改，最后可以导出 JPEG、PNG、SVG、CSS 背景代码，也支持退出后恢复上一次操作的内容buttons-generatorbuttons-generator： https://markodenic.com/tools/buttons-generator/buttons-generator 是一个包含了很多种交互形式以及样式的按钮的网站，大概有**120+**种，对于有自定义按钮需求的小伙伴可以作参考Coding FontsCoding Fonts： https://coding-fonts.css-tricks.com/fonts/hack/?language=html&theme=darkCoding Fonts 是收集了 45 种代码字体的网站，大部分都是免费的，当然也有收费的，可以选个心仪的放到自己的编辑器里去（小声 bb 一句，我还是最喜欢 JetBrains Mono，免费又好看）svgreposvgrepo： https://www.svgrepo.com/svgrepo 是一个 SVG 图标库，坐拥 300,000 + 免费使用的 SVG 图标，大部分也都是可以商用的。网站支持搜索，无需登录即可收藏（可能是存的 localstorage）~maplibremaplibre： https://maplibre.org/maplibre 是一个 JavaScript 世界地图库，开箱即用，同时也支持了 IOS 和 Android 的 SDKDopefolioDopefolio： https://github.com/rammcodes/DopefolioDopefolio 是一个开箱即用的官网页面生成器，没有依赖一堆的三方开源库，全部是纯 HTML、CSS，所以 SEO 做的非常好，Lighthouse 分数也很高，同时支持页面响应式。有官网页面需求的小伙伴可以尝试使用家底都掏空了，希望对你们有所帮助。独乐乐不如众乐乐，如果你还有什么更推荐的网站或工具的话，可以在评论区留言~我是零一，分享技术，不止前端！下期见~CSS为什么这么难学？一定是你的方法不对！大家好，我是零一。阅读文章 > 欢迎关注作者微信公众号：「前端印象」本篇来源：优设网原文地址：https://www.uisdc.com/22-front-end-tool
表哥
张大湿
飞翔的企鹅
