公告

👇公众号👇---👇 微信 👇

欢迎关注公众号&私信交流

文章首/文尾有群二维码

强少来了
Search K

Appearance

有意思小周刊（2023.12.11）：手把手教你写设计方案 ​

封面.png

「有意思小周刊」是我利用零碎时间，梳理记录一周的日常阅读与思考内容。目的是为以后更好构建自己知识体系，也为了将这些内容分享给你。

以下是这期值得关注的内容 ​

📰 推荐阅读 ​

  1. 对话框(Dialog) 一定是模态弹窗吗？
  2. 从工程师到技术leader的思维升级
  3. AIGC在天猫商品海报生成上的探索
  4. 店铺优惠券管理及用户使用流程说明需求文档
  5. 让你出行体验起飞的设计！4个优秀案例剖析
  6. 让库管员高效盘点的体验优化
  7. 细节控 | 系统设计中的弹窗/浮层/提示框，怎么用才对？
  8. 如何搭建SaaS商城商户系统中的「会员管理」？
  9. 手把手教你写设计方案
  10. 多商户系统管理——商户入驻
  11. 动效设计的学习，从这篇基础扫盲开始
  12. 搜索与推荐：探索未知的不同方式
  13. 在提效之外，更要追求有趣

🔎 发现新大陆 ​

  1. 站酷产品详情页的体验设计套路
  2. Mylens：AI 生成时间轴
  3. tryEmoji：AI 将 Emoji 转换成图片

🛠️ 资源·工具 ​

  1. PixPin：截图/贴图/长截图/文字识别/标注
  2. He3：开发者工具箱

🎯 言论·语录 ​

  1. 新基建的政策选择

推荐阅读.png ​

▌对话框(Dialog) 一定是模态弹窗吗？ ​

链接：https://mp.weixin.qq.com/s/WW8Z5bqWE2otTLBY5WsOyw
本篇文章讲解移动端设计中一个常用组件：对话框（Dialog）
[定义]一种模态窗口。它在用户需要做出选择或输入信息时出现，直到用户做出选择或取消操作之前，会阻止与应用的其他部分交互。
a5f9e1fe2a7036f25f71eb19eac693b8.png

▌从工程师到技术leader的思维升级 ​

链接：https://mp.weixin.qq.com/s/YVMKZQpi9AsbqEUuGNnJBg
从技术新人到一个成熟的技术leader，需要经历几个身份迭代？每一次身份的转换都需要怎样的思维升级？本文将从技术新人、潜力干将、架构师、技术leader四种身份的思维升级依次展开。
c869bd17d0dfaebde0246c4cdebf1cf5.jpg

▌AIGC在天猫商品海报生成上的探索 ​

链接：https://mp.weixin.qq.com/s/_CkkqoWmHDZ0YqAhmAhL1A
灵感艺术家项目，旨在通过AIGC绘图能力，联合商家打造低门槛+高趣味性的宣传海报设计大赛，本文分享我们的方案和优化方向。建议对AIGC感兴趣的工程、算法方向的同学阅读。
cde5ef340b24552f9c4893f5747b6646.jpg

▌店铺优惠券管理及用户使用流程说明需求文档 ​

链接：https://mp.weixin.qq.com/s/rtMP8r6bwSe_TnepxRxSSQ
优惠券可降低产品的价格，是一种常见的消费者营业推广工具。店铺优惠劵可以展示在权益中心，用于店铺引流或者商品促销，极大的促进会员注册和会员活跃。
9317af8311151a1721086a06f8623abb.png

▌让你出行体验起飞的设计！4个优秀案例剖析 ​

链接：https://mp.weixin.qq.com/s/iZWZhOqYzmQm7k9_pW57pA
出行类App在我们日常生活中扮演着重要的角色，帮助我们找到目的地、规划路线，提供导航服务。在本文中，我们将分享4个设计案例，展示如何通过信息可视化和趣味设计，提升用户的出行使用体验

▌让库管员高效盘点的体验优化 ​

链接：https://mp.weixin.qq.com/s/W1GkHpqM95UgL3IF5nNYVg
公司前置仓负责区域合作维修厂的材料供应，为确保维修厂能及时用到所需材料，会在维修厂设立专属货位提前备货，由库存管理员定期去盘点材料消耗状况，盘点完成后通知前置仓补货。
库管员盘点材料时，通过手机库管APP的盘点功能，录入货位上所有材料信息，系统对本次录入的信息与上次信息比对，统计出材料消耗状况，安排配送员补货。

▌细节控 | 系统设计中的弹窗/浮层/提示框，怎么用才对？ ​

链接：https://mp.weixin.qq.com/s/7LEEDHBs1Ubv9d11HiBPgg
当我们设计师在设计界面时，经常会面临一些困难的决策。有非常多的设计手法可以向用户表达同一个意思。有时候，设计师发现想要确定哪个元素最适合完成设计目标，是一件很让人纠结的事情。
例如，在一个给定的场景中，信息如何呈现是最好的？是应该打开一个全新的界面，一个浮层还是弹窗？
如果设计师使用浮层，又将面临一个新问题——选择哪种关闭方式，是关闭按钮还是滑动关闭?
在这篇文章中，我尝试找到这些问题的答案，并明确一些模式标准。
3a5d91dddc573c5de6f36e99f758e809.jpg

▌如何搭建SaaS商城商户系统中的「会员管理」？ ​

链接：https://mp.weixin.qq.com/s/fjVxByNWxkkNns8OlZzkgA
会员管理是SAAS商城商户系统中不可忽略的组成部分。会员管理包括会员资格获得，资格会员管理，会员奖励（体现在会员管理或者客户关系管理过程中）与优惠（体现在销售消费过程中），会员分析与保持（体现在客户关系管理的数据挖掘分析中）。

▌手把手教你写设计方案 ​

链接：https://mp.weixin.qq.com/s/HoQuwu8K7NcKA-xgPL_mfg
假设你负责一个礼物系统的开发，领导给你分配一个技术需求，给系统的送礼接口，实现幂等。于是你开始写技术方案...
bbe39f1844a2961c3886dc82bec37d6e.png

▌多商户系统管理——商户入驻 ​

链接：https://mp.weixin.qq.com/s/Z0HaeH4NicQLW9cY-wtCeg
多商户系统是电商平台重要的组成部分，多商户系统包含：商户入驻、商户登录、首页、商品管理、订单管理、会员管理、店铺管理和资产管理等组成部分。商户入驻属于多商户系统的基础和前提，商户入驻主要方便平台对于商户管理。
b43ba5c1d3cbd48567d7799de181fe99.png

▌动效设计的学习，从这篇基础扫盲开始 ​

链接：https://mp.weixin.qq.com/s/Mm97ji0Uk6FlMq8mUvHXVQ
一直以来咨询动效问题的人不少，但大多问题的描述来看，可以说是对动效一无所知，网上我也搜了一些动效的分享，发现只有对细节的分享没有真正帮助大家建立动效认识的内容，所以这篇将作为扫盲文，帮助你们彻底搞懂和 UI 工作相关的“动效”到底是什么。
640.gif

▌搜索与推荐：探索未知的不同方式 ​

链接：https://mp.weixin.qq.com/s/BNoE_0rfRXmzLaPJelkcXA
搜索与推荐是用户探索未知世界的方式，两者有一定差异但也存在统一之处。搜索是用户主动表达意图的方式，推荐则是用户被动消费的方式。搜索和推荐可以互通，可以根据用户画像进行个性化推荐或基于单一兴趣标签的搜索。在某些场景下，搜索和推荐非常相似，如用户只有一个兴趣标签时。搜索服务已经不仅仅是追求相关性，还追求个性化。推荐可以通过关联性进行泛化，搜索则通过限定搜索词进行关联搜索词的推荐。搜索和推荐可以相互影响，搜索结果会影响推荐列表，推荐列表也会影响搜索结果。推荐应用的范围更广，对于大多数应用来说，推荐功能已经足够覆盖主要场景。除了在搜索结果中应用个性化排序，搜索功能还可以在整体应用服务中应用推荐算法，如搜索预置词、搜索中间页的推荐和详情页的搜索跳转。

▌在提效之外，更要追求有趣 ​

链接：https://mp.weixin.qq.com/s/gbycsop4F4B3l9ZAcd6UBw
本文讨论了在提高效率的同时追求有趣的重要性。作者认为，只有无趣且非做不可的任务才需要使用人工智能来提升效率。然而，追求效率并不能完全取代人类，因为人工智能在效率方面有着明显优势。作者强调，有趣的体验是无法被提高效率所替代的，而且在一个效率至上的社会中，对低效但有趣的事物持宽容的态度可能会带来意想不到的收益。文章最后提到了作者将继续使用人工智能来提高效率，并注重使用人工智能来做慢、有趣的事情。

发现新大陆.png ​

▌站酷产品详情页的体验设计套路 ​

链接：https://etvd2berqh.feishu.cn/mindnotes/bmncnL3WZdAyo39xHkBQDXODy1c#mindmap
一位叫叶语的网友总结站酷上展示体验设计的套路，做作品集的时候可以拿来做参考。

▌Mylens：AI 生成时间轴 ​

链接：https://mylens.ai/
输入你想制作的主题，Mylens 可以用 AI 为你生成一个漂亮的关键事件时间轴。可以用来制作人物生平、新闻事件、历史年表等。
image.png

▌tryEmoji：AI 将 Emoji 转换成图片 ​

链接：https://www.tryemoji.com/
选择一个 Emoji 表情，再从 8 种风格中选一种，AI 就会把 Emoji 生成对应风格的图片。
image.png

资源·工具.png ​

▌PixPin：截图/贴图/长截图/文字识别/标注 ​

链接：https://pixpinapp.com/
功能强大使用简单的截图/贴图工具，帮助你提高效率
image.png

▌He3：开发者工具箱 ​

链接：https://he3app.com/zh/
He3 是一款开发者工具箱有 500+ 工具，涵盖了所有的开发语言和环境相关，跨平台支持 Windows、Mac、Linux 系统，它内置了超过 400 种实用的程序开发相关辅助工具，功能非常全面，囊括了 JSON、YAML、日期时间、文本、图片、颜色、编码、加解密、网络、编程、网页等大类，非常丰富。
image.png

言论·语录.png ​

▌新基建的政策选择 ​

链接：https://www.ruanyifeng.com/blog/2023/12/weekly-issue-281.html
image.png

其他周刊.png ​

▌龙爪槐守望者 ​

体验碎周报第 168 期（2023.12.04）

链接： https://mp.weixin.qq.com/s/jiWygsXO21quiP8bNcH3WA

▌大转转FE ​

转转前端周刊第九十一期

链接： https://mp.weixin.qq.com/s/UjQADRsFV3UYSRkG2LaILw

▌云谦和他的朋友们 ​

MDH 前端周刊第 116 期：Astro 4 Beta、XState 5、Fresh1.6、Prettier 性能、Biome

链接： https://mp.weixin.qq.com/s/t34WBu4ZBPSNWsJXUh7eJg

▌前端食堂 ​

前端食堂技术周刊第 107 期：技术博客节、Deno Cron、FEDAY、XState v5、Electron 生态系统回顾

链接： https://mp.weixin.qq.com/s/3-Y3uOvhFON1__WQc0KsXg

▌阮一峰的网络日志 ​

科技爱好者周刊（第 281 期）：新基建的政策选择

链接： https://www.ruanyifeng.com/blog/2023/12/weekly-issue-281.html

▌设计素材周刊 ​

Moonvy 维护的设计资源周刊。
链接：https://moonvy.com/blog/tags/%E7%B4%A0%E6%9D%90%E5%91%A8%E5%88%8A/
周刊：Moonvy 月维，设计素材周刊 092 期（https://mp.weixin.qq.com/s/_bYfh-I0I36zDWWZJZSfLQ）

▌安妮薇时报 ​

旗下发行，两周一更，为你提供与设计行业相关的新闻资讯、网摘推荐以及专栏文章等。
链接：https://anyway.fm/news/

▌野生架构师 ​

这是由 lcomplete 每周发送的 newsletter，它分享简短实用的效率方法 🪄、优质文章 📑、编程知识 🎹、实用工具 🛠️ 等。
链接：https://tech.codelc.com/

▌JELLY DESIGN | 京东零售官方设计共享平台 ​

JDR Design 隶属于京东零售集团。专注于无界零售下完美购物体验的设计探索与尝试，商业价值与用户体验的平衡；为京东集团各业务条线提供设计支持，包括线上基础产品体验设计、营销活动体验设计、品牌创意设计、新媒体传播设计、内外部系统产品设计、企业文化设计传播以及体验创新研究等。同时在设计广度与深度上打造核心能力，将设计能力在组织内部及外部完成规模化的输出与赋能，形成商业组织独有的设计体系。
链接：https://jelly.jd.com/articlelist/exp

▌还可以扫码订阅最新文章 ​

1661303204101-6eb96b12-5584-4d4b-a9ab-c6b7707baf12.png