《About Face 4: 交互设计精髓》是一本数字产品和系统的交互设计指南，全面系统地讲述了交互设计的过程、原理和方法，涉及的产品和系统有个人计算机上的个人和商务软件、Web 应用、手持设备、信息亭、数字医疗系统、数字工业系统等。 运用《About Face 4: 交互设计精髓》的交互设计过程和方法，有助于了解使用者和产品之间的交互行为，进而更好地设计出更具吸引力和更具市场竞争力的产品。 这本书是《About Face 3：交互设计精髓》的升级版，此次升级把全书的结构重组优化，更加精练和易用；更新了一些适合当下时代的术语和实例，文字全部重新编译，更加清晰易读；增加了更多目标导向设计过程的细节，更新了现行实践，重点增加 移动和触屏平台交互设计，其实《About Face 4: 交互设计精髓》多数内容适用于多种平台。 这本书由Alan Cooper（艾伦·库伯）、Robert Reimann（罗伯特·莱曼）、David Cronin（戴维·克罗宁）和Christopher Noessel（克里斯托弗·诺埃塞尔）共同编写。 关于这本书之前买过盗版，但是因为文字不清晰后也买了正版，是一个非 ...

很多人比较好奇我的博客封面是怎么做的，我也都给予了解答，就是用的sketch。 如果你是用的mac电脑，sketch的好处就是你可以将你的设计文件作为文件进行存储和备份。如果你没有mac电脑，那么使用figma或者国产UI设计软件例如mastergo或者即时设计等都可以完成这项工作。 至于为什么不用ps？Photoshop对于多画板的性能支持非常差劲，所以如果使用Photoshop来做，那么只能是一个封面一个psd文件，这对封面的管理非常的麻烦。 制作封面的标准我认为对于个人博客来说，封面是一个丰富博客页面的手段。一个好的封面可以能让用户阅读到标题之前就对文章的内容有一个大致的判断。在用户浏览博客寻找文章时，可以通过图片的识别更快得让用户决定是否应该打开这个文章。 对于作者而言，博客封面形式大于内容。因为博客中文章内容的部分才是精华。并且没有平台压力，并不需要一个吸引人的封面来和其他文章做竞争。并且因为封面价值不高，所以不能用太长时间来做封面，否则就是本末倒置了。 我的封面平均制作时长为1-2分钟。 上面说的是通用标准，那么对于我自己的博客，那么我自己的标准是什么呢？ 通过logo或 ...

前几天用iconfont突然发现了阿里又出新字体了，真的良心啊。不得不说阿里出的字体真的是质量好还免费商用。这次看到这么多字体分享一下。 阿里妈妈刀隶体感觉比较像刻字的字体。 阿里妈妈刀隶体，通过机器学习了爨宝子碑的精髓，强调了三角点折弯与横画两端“雁尾”之方强，外露锋芒，耀其精神，介于隶楷之间，保持着浓重的隶书方笔意味，给人以坚实、朴茂、稚拙、倔犟之感，打破常规常态的匀称均衡，结字极为大胆，大小常常出人意料，看似失度，实则深得艺理，险中求正，静中寓动，动中求静。 下载地址爱发电下载 蓝奏云下载 官网下载 阿里妈妈灵动体这个是个纯英文可变字体。 阿里妈妈灵动体（alimama agile）是阿里妈妈智造字首次尝试研发的多轴可变的西文字体，四个可变轴（字重、字宽、倾斜、衬线）涵盖非常广阔的使用场景。字重可变让版式中的信息层级可灵活调度，并且赋予各种落地物料微妙的优化； 字宽可变带来更灵活的信息编排，让局部文段更适配整体画面；斜体可变使得字体具有凸显强调的特点，增加文本的美感和艺术性；衬线可变让字体从无衬线字无极变化到衬线字， 涵盖西文两大类目，大大满足使用者需求。 下 ...

字魂经常出一些不错的字体，不过大多都是收费的。最近突然发了一个免费字体，是通过得意黑魔改的，推荐大家试一试。 字体预览 去年，oooooohmygosh老师与锚钨团队发布了免费商用字体「得意黑」。字魂网对得意黑进行二次创作，发布开源字体「字魂扁桃体」，同样是开源并永久免费商用，提供给所有用户。 当人们看到一款喜欢的字体，总是会先问上一句「这个字体能免费商用吗？」对此我们一直喜忧参半。「喜」的是这代表用户真的很喜欢并想要使用这款字体。「忧」的是太多的“免费”会打击字体行业的发展，和字体设计师的积极性。 每套字体的创作过程投入的精力真的很大，对大部分字体设计师而言，一套字体可能就是他们半年甚至一年的劳动成果。现在市场已经不缺免费商用的字体，也不断有像「得意黑」「字魂扁桃体」一样的优秀字体被开发出来。但市场依旧缺少为创意字体付费的动力，哪怕做出免费字体和收费字体的都是同一批热爱这个行业的人。 字魂网始终相信，好的设计是有价值的。我们希望大家在享受优秀的设计成果时，能够真心实意地支持创作者，认可他们的劳动付出。 下载地址官方下载地址 123网盘下载地址 蓝奏云盘下载

在看到即时AI发的时候，我的第一想法是不是UI设计师集体失业了，我觉得这也是普通人的第一想法吧。还记得直接mastergo还要出个AI，结果就找了个动画设计师做了个动画（可能为了融资？），就没后续动静了。反倒是即时AI不声不响突然放大招。 首先对这种行为还是要鼓励的，先发可能就会被抄，所以建议即时ai能一直保持先发优势，不断迭代。 限额即时AI的使用限额目前是1天20个，这个效率比UI设计师高。让我们来看看质量怎么样。 生成速度即时AI的预计速度在60s左右，实测可能时间会更长一些，并且有时候需要手动刷新页面才能看到页面已经生成完毕了。 设计一个电商首页 请设计一个电商首页，要运营感浓郁一些，上方有金刚区展示一些功能入口，下方一个banner，banner下方一个tab栏展示商品分类，下方瀑布流排列展示商品。 生成的图是分层的，你可以点击右上角的编辑按钮进行编辑。 编辑操作跟sketch差不多，很不错。 我感觉生成水平比较像产品经理的原型图水平，那么可以试试减少一些限定描述，让AI做自由发挥，让它成为一个头脑风暴工具试试。 设计一个豆瓣评分应用 请设计一个影评应用，首页展示 ...

最近有地图素材的需求，发现很多素材网站要么太难找要么需要花钱，之后弄完发现根本不是自己想要的样子。而且对于地图素材来说是一个准确度要求极高的。所以是不能使用AI无损放大等方式将地图素材改变。所以需要使用矢量图。这个文章将介绍在哪里下载矢量图以及下载方法。 使用阿里云数据可视化平台进入阿里云地图数据可视化平台 左侧是你的地图调整窗口，你可以滚轮放大缩小。右侧可以看到SVG，这个就是矢量文件，点击右侧的下载即可。 下载中国地图将左侧可视窗口中包含完整的中国领土，然后点击下载。 下载省地图点击你需要下载的省，然后点击右侧的svg下载。（如果想返回全国，点击省外的区域） 下载市地图同理点击需要下载的市即可。 懒人包这里我上传一些常用的矢量图，如果正好有你需要的，也可以进行下载。 中华人民共和国 北京市 上海市 广东省

很多时候一些基础功能每一个产品都有，例如一个登录需求，一个下拉刷新需求，一个分享需求等等。但是这些功能写PRD很多都是套话，发现一个PM-AI工具，可以非常方便的生成一个功能的需求文档，帮助大家在平常写需求文档时做一个辅助。避免一些产品经理考虑不是很全面，漏掉一些内容。通过AI生成的话可以帮助产品经理提升点灵感。 产品截图 例如功能为网站登录注册模块，需求为通过登录注册模块，建立账户体系，沉淀用户的情况下，提供的文档如下： 概述： 本需求文档旨在设计并实现一个网站登录注册模块，以建立账户体系，沉淀用户。该模块将为用户提供安全、便捷的登录注册功能，以及个人信息管理和密码找回等功能。 目标： 该模块的目标是为用户提供一个简单、易用、安全的登录注册体验，同时为网站建立一个完整的账户体系，以便于用户管理个人信息和享受更多的服务。 用户使用旅程： 用户进入网站首页，点击“登录/注册”按钮； 进入登录/注册页面，用户可以选择“注册”或“登录”； 如果用户选择“注册”，则需要填写相关信息，包括用户名、密码、邮箱等； 如果用户选择“登录”，则需要输入用户名和密码； 登录成功后， ...

网上似乎都不能正常给一个实用教程，找了半天都没办法解决安装问题，也是摸索了半天终于研究出了asitop的安装方法，这里分享一下。 不用安装python新的mac不需要安装python，因为python是自带的。在启动台的其他文件夹找到终端app，然后输入python3 --version即可查看当前安装的python版本。 1python3 --version 安装pip新的mac似乎也不用安装pip。你可以在终端中输入 1pip3 --version 如果有显示版本号则不需要安装pip，如果显示command not found: pip3那么就需要安装pip了。 以下部分为未安装pip的用户需要执行： 1curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py 下载完成后运行 1python3 get-pip.py 这个时候可以查看pip版本 1pip3 --version 安装好了我们就可以继续了 安装asitop安装asitop的方法非常简单，我们只需要运行 1pip3 install asitop 下载安装即 ...

阿里妈妈东方大楷是基于颜真卿的多宝塔碑算法生成并结合人力完成的一套字库，机器学习到了颜体的丰腴厚重之感，在笔画的描摹上做到了传统书法的收放起伏，规范了骨架、笔画，还原了书法中的落笔、转笔、藏锋、护尾等书写韵味，使整体更饱满、圆融、浑厚。 阿里妈妈东方大楷为中文简体字库，收纳的中文字符包括但不限于GB2312，共计6763个汉字；英文大小写（含全角、半角、合体字等）共105个；常用标点符号共175个，总计7043个字符。 字体预览 下载地址官方下载地址 123网盘下载地址 蓝奏云下载地址

钉钉以普惠开放的思路，联合国内一线字体团队， 打造一款原创的钉钉品牌字库–钉钉进步体。钉钉进步体涵盖了中、英文7526个字符，字体专为标题、美术字等场景而生，科技活力的同时兼具自然书写美感，并开放给所有个人和组织–永久免费商用，帮助所有人和中小组织不必苦于字体版权购买和纠纷，用上更好更专业的设计，共同进步！ 字体特点钉钉进步体字体以7°做倾斜，弯钩笔画的弧度向上，让整款字体年轻富有活力，使其在标题场景应用时，更具特点和美感。 结合最新钉钉品牌语言，我们在保持科技敏捷感的同时，希望字体可以更具人文温度，保持亲和不锐利，所以采用外圆内方的圆角处理方式，并对不同笔划的字体进行了简洁处理，既保正了笔划多的字能简洁不拥挤，又维持了笔划少的字体完整性，在既要优美感又要阅读感的情况下，做到了平衡。 字体预览 下载地址DingTalk JinBuTi.ttf DingTalk Sans.ttf 钉钉进步体法律声明.pdf 官网下载地址 蓝奏云下载地址 123网盘下载地址

近期每次运行都发现报错，找了好久找到了方法。不过根据这个方法改完之后还需要自己迁移一下User Defaults的group地址中的数据。否则老用户打开直接就没数据。 错误提示1[User Defaults] Failed to read values in CFPrefsPlistSource<0x1700f1280> (Domain: group.x.p.t.o, User: kCFPreferencesAnyUser, ByHost: Yes, Container: (null)): Using kCFPreferencesAnyUser with a container is only allowed for System Containers, detaching from cfprefsd 解决方法在我们的appgroup地址填写规范时，只填写了group.com.***.***这种形式，但是这种形式我们其实是不允许使用的。我们正确的格式应该是teamid.group.com.***.*** 所以只要更改自己appgroup的变量地址即可消除这个报错。 查询自 ...

一直以来我只是用双斜杠进行注释，但是我发现Xocode官方会有专门的注释，按option点击就会出现相关的注释内容。研究了一下发现Swift的注释非常强大。 本文为转载文章，以下内容来源于 Xcode 中的 Swift 代码注释 Wei_You 前言写代码也有一段时间了，代码中注释也是写了不老少，但在和同事一起开发的时候才发现了问题，大家注释的样子各成一体，没有能写出苹果官方注释的样子。大概就是注释的语法上出了问题，于是自己就主动学习了下 Swift代码的注释语法格式，记录下自己学到的东西。 注释语法单行注释1// 单行注释 单行注释主要出现在. swfit 文件的顶部，记录代码文件的一些信息。 另外也出现在代码中，用于记录对于单行代码的解释。 单行文档注释1/// 单行文档注释 当我们用 ⌥ + 鼠标左键，点击代码时，可以查看属性或者方法的文档页面，更直观的查看代码的文档说明。 多数时候，我们都在使用这个方法注释类， ...

虽然我的电脑并不是刘海屏，但是我一样有想要把屏幕变成纯黑色菜单的需求。用了一圈去刘海的应用，发现只有这个软件是最好的了。 软件预览 它不光可以将菜单栏全部变成黑色，还可以将屏幕的左下角和右下角添加圆角效果。让你的直角屏幕变成圆角屏幕的样子，一切变得优雅了起来。 无论你的Mac是否是配备刘海屏的Mac，我都推荐你去尝试一下。深色的菜单栏无论是浅色模式还是深色模式又可以避免打扰你的工作。让你的注意力全部投入到内容中来。 软件截图 下载地址官网下载地址 蓝奏网盘下载地址 123盘下载地址

在互联网行业做汇报、调研不可避免的要下载各种各样的APP图标，那么有什么方法可以快速下载图标呢？ 在搜索的时候发现一个上古项目，八年前的老项目了：icon-finder，意外发现这个老项目竟然还可以用。 但是作者自己的页面没标题也没https，毕竟是开源项目，我就直接拿过来部署在自己服务器上了，运行能快一点。 博主部署站 开发者原站 以上两个均可使用。不过「博主部署站」未来可能再魔改加些东西（又挖坑）。 网站预览直接右键单击复制图片即可粘贴到PPT或者keynote中。 免费无广告部署上了，有需要的可以点个收藏。

很多陈旧的app还用着上古时期的图标，自从macos11更换了图标规范之后，我们可以看到越来越多的图标使用了新版的规范，和谐统一。可是总有一些顽固分子直接摆烂，用着上古图标风格。 换掉他们让整个系统和谐统一非常重要。之前都是通过从macOSIcons来下载图标替换，非常的费劲。 今天发现一个软件叫IconChanger，可以非常方便的一键更换图标。 软件预览 我们一看就可以看到很多不符合规范的图标，我们单击应用，然后就可以选择你想要的图标了。 点击图标大功告成！ 下次启动应用后dock栏中的图标会自动更换。 dock栏和谐统一。 下载地址Github项目地址 蓝奏网盘下载地址：「张洪Heo」公众号回复「1000」即可获取。

少废话，先用上洋红色 1234洋红色sRGB 190, 52, 85洋红色Hex #BE3455洋红色Lab 46.05,58.95,17.38洋红色CMYK 24, 96, 54, 0 什么是洋红色？潘通的年度色彩，洋红色，18-1750，充满活力和活力。这是一种植根于大自然的阴影，源于红色家族，并表达了一种新的力量信号。勇敢无畏，跳动的色彩表达乐观，书写了一种新的故事。今年的年度色彩强大而充满能量。这是一种新的动感红色，纯粹的，鼓励不受约束的实验和自我表达，一种激动人心的，一种以突出声明表现出来的无边无际的色彩。Pantone 18-1750，以同样的生命精神和叛逆精神欢迎任何人。这是一种大胆、充满智慧和包容一切的颜色。 Leatrice Eiseman Executive Director, Pantone Color Institute 在这个科技时代，我们希望从大自然和真实的事物中汲取灵感。PANTONE 18-1750 Viva Magenta来自红色家族，其灵感来自胭脂虫的红色，这是属于天然染料家族的最珍贵的染料之一，也是世界上已知的最强最亮的染料之一。唤起自然 ...

之前出了个python的，但是最近将utools换成hapigo导致不能运行python脚本，但是hapigo支持快捷指令，那么我就直接写个快捷指令获取封面图算了。手机端暂时没有获取封面的需求，暂时就写Mac版的吧。 仅Mac可用 预览 快捷指令地址关注张洪Heo公众号回复QQ音乐封面即可。

每年都会发一下最新的iOS的设计尺寸介绍，今年也不例外。我们可以看到苹果的设计文件又改尺寸了。 去年还是390，今年全换成393了。 看来苹果也在设备碎片化的道路上越走越远。 我的项目是陈旧的，我该怎么办？如果你的项目使用的是陈旧的375宽度组件库，那么可以下载旧版本的官方组件库。现在官网已经找不到旧版本的组件库了。你可以在下面的地址中下载旧版本sketch组件库。 网盘下载渠道iOS13下载 iOS14下载 iOS15下载 iOS16下载 备用地址 所有iOS设备详细参数 iOS设备具有各种屏幕尺寸，可以纵向或横向使用。在像iPhone X和iPad Pro这样的边缘到边缘设备中，显示屏的圆角与设备的整体尺寸紧密匹配。其他设备（例如iPhone SE和iPad Air）具有矩形显示屏。 如果你的应用在特定设备上运行，请确保该应用在该设备的所有屏幕尺寸上运行。换句话说，仅iPhone应用程序必须在每个iPhone屏幕尺寸上运行，而仅iPad应用程序必须在每个iPad屏幕尺寸上运行。 设备 设计尺寸与渲染分辨率 12.9” iPad Pro 1024x1366 pt (20 ...

今天定制了一下邮件的回复样式，之前Twikoo默认的比较简洁，我做了一个和我博客比较相近的样式。定制了一下。 有需要的小伙伴可以自取。 邮件样式 其实也是比较偏简洁的那种吧。 兼容移动端和电脑端。 移动端样式： 电脑端样式： 代码1<div class="page flex-col"><div class="box_3 flex-col" style=" display: flex; position: relative; width: 100%; height: 206px; background: #ef859d2e; top: 0; left: 0; justify-content: center;"><div class="section_1 flex-col" style=" background-image: url(&quot;这里更改为你的网站图标&quot;); position: absolute; wid ...

文件来自互联网 文件预览微信视觉形象指引 微信支付标准物料使用规范 文件列表鞋服门店标准物料规范.pdf 微信视觉形象指引.pdf 商超标准物料规范.pdf 便利店药店标准物料规范.pdf 餐饮标准物料规范.pdf 联合商圈标准物料规范.pdf 下载地址关注张洪Heo微信公众号回复微信VI可获取蓝奏云下载地址。

滴滴出行品牌视觉识别手册 文件来自互联网 文件预览 下载地址关注张洪Heo微信公众号回复滴滴VI可获取蓝奏云下载地址。

文件来自互联网 陌陌品牌使用手册 文件预览 下载地址关注张洪Heo微信公众号回复陌陌VI可获取蓝奏云下载地址。

文件来自互联网 钉钉品牌视觉识别规范手册 文件预览 下载地址关注张洪Heo微信公众号回复钉钉VI可获取蓝奏云下载地址。

文件来自互联网 文件预览 下载地址关注张洪Heo微信公众号回复蜗牛读书VI可获取蓝奏云下载地址。

文件来自互联网 文件预览 下载地址关注张洪Heo微信公众号回复QQVI可获取蓝奏云下载地址。

文件来自互联网 文件预览 下载地址关注张洪Heo微信公众号回复阿里云VI可获取蓝奏云下载地址。

贝壳品牌视觉识别规范 文件来自互联网 文件预览 下载地址关注张洪Heo微信公众号回复贝壳VI可获取蓝奏云下载地址。

苹果很喜欢做一些私有协议的东西，今天打印东西的时候发现没有支持隔空打印的打印机。我才意识到这个打印机不支持手机直接打印，爱普生这个还需要小程序啥的。。。吐了。 找了一圈发现几个解决方案。 淘宝购买AirPrint服务器盒子优点：连进Wi-Fi里就能用 缺点：要花钱 我看了一下均价都在一百多块，给公司的东西又不报销，就不花这冤枉钱了。 电脑安装AirPrint服务器这个有搞头，因为公司有24小时不关机的机器，只要装上去就可以了。 windows的话我看到B站有UP分享了软件：AirPrinter 我在Mac上用的handyPrint。 在公众号回复handyprint获取注册码和蓝奏云下载地址 点击左下角的License按钮，在paypal账户输入公众号里面的邮箱example@qq.com，下方输入公众号给的许可证即可。 （仅供交流学习使用，24小时后请自行删除 手机现在手机就可以直接打印看到。

刚才又重新搭建了一次adguardhome，每次都重新找规则真的绷不住了。这个文章主要写一下我的配置，方便我自己重装的时候复制。 第四篇adguard的教程了。 搭建教程原文 1docker pull adguard/adguardhome 123456789101112docker run -itd \ --name adguardhome\ --restart=always \ -v /my/own/workdir:/opt/adguardhome/work\ -v /my/own/confdir:/opt/adguardhome/conf\ -p 53:53/tcp -p 53:53/udp\ -p 67:67/udp -p 68:68/udp\ -p 80:80/tcp -p 443:443/tcp -p 443:443/udp -p 3000:3000/tcp\ -p 853:853/tcp\ -p 784:784/udp -p 853:853/udp -p 8853:8853/udp\ -p 5443:5443/ ...

这是一个100%由Riot Games拥有的音乐集。只要遵循我们网站上的 “Legal Jibber Jabber“规则，它可以被用于流媒体或内容创作。 注意，禁止企业商用。 官方歌单地址： 引用站外地址，不保证站点的可用性和安全性 Riot Games Creator-Safe Playlist riotrecords 下载地址百度网盘下载 地址来自：如舟说 提取码：szrz 百度网盘备用下载 提取码: 8888 歌曲列表 歌曲名称 试听地址 Arcade 2019: ULTRACOMBO (From League of Legends: Season 9) https://open.spotify.com/track/1qo9n7SkjqaQLeRmJ8Rtwo Dark Cosmic Jhin (From League of Legends: Season 9) https://open.spotify. ...