30 天 SwiftUI 挑战，产品设计师自学 SwiftUI 开发

[FradSer]

假装程序员系列。

做外一名产品设计师（其实大部分时间在当产品经理）在看到 SwiftUI 发布之后一直想深入学习一下，原因如下几点：

1. 初看 SwiftUI 时候感觉对于对于我这种稍微有一些 CSS 基础的人应该挺友好的；
2. 之后的产品设计工作流肯定会趋向于「代码交付设计」的理念；
3. 之前看他人的 Swift 挑战总是想尝试但是有畏难情绪，再不学习就晚了。

基于以上几点，于是有了 30-days-of-swiftui 这个项目。

出发点都是多是 iOS 13 出现的一些新的 feature，或者是以某一个 iOS 的基础组建为出发点去尝试快速搭建一个产品原型，又或者是从其他设计中汲取灵感然后尝试实现。无论什么想法开始，最终都会结合一个 emoji 去做产品设计的思考。

其中最大的收获是开始反思之前做的设计有不少可能都是「反代码」的（姑且让我这样定义，或者说是反逻辑），初期本来想一天完成一个，但是难度太大，现在的进度大概是两天一个项目。目前已经完成第十个项目，我会持续进行下去。

项目地址： https://github.com/FradSer/30-days-of-swiftui

自己的一些小玩意摆在一起还是挺愉快的一件事情

C01 - 🕰 Plus One Second

C02 - 🔛 Dark Mode Test

C03 - 🌈 Color Mixer

C04 - 🔠 Typeface Comparison

C05 - 🐱 Cat Scene

C06 - 🗣 Text Field Animation

C07 - 💬 Google Translate Demo

C08 - 🎴 Z Index Cards

C09 - 🍀 Breathing Animation

C10 - 🛌 Clock Bedtime Schedule

PS. 这是我的第三个 30 Days of X，第一个是坚持 30 天持续锻炼（截止 2019-08-21，这个习惯已经坚持 84 天），第二个是 30-days-of-shaders（目前正在转向学习 Metal 准备自己做一个生成壁纸的应用）。

[FradSer]

项目目录下的 README.md 可能会有整理的笔记，希望能有帮助。

[intellectual]

虽然啥都不明白，先 mark 下，没准有机会做些 app 呢。但是又得看自己不懂开发也不知道后面怎么玩。

[littlebaozi]

这些都是你的设计还是有题目练习的

[geniusmyn]

战略性插眼

[ahonn]

很棒啊，懂设计做出来就是好看

[likaka]

ui 好丑

[jaskle]

30 天，从看懂到看开

[1OF7G]

Plus One Second 🐸
楼主是计算机专业的吗，不是程序员居然会写代码

[figurant]

1. 搞个 box
2. 边框圆角
3. 上背景图（没有就设为#fff ）
4. 中间放个 emogi
5. 收工

[leopku]

战略性 star

[argc]

@figurant icon 应该对楼主来说不在挑战范围之内 不过搞不懂楼主怎么想的 搞一些辣鸡渐变色的背景上去 这也太丑了吧？

[alexnone]

楼主很厉害啊

是不是工作挺空的.. : )

[FradSer]

@littlebaozi 都是自己到处找灵感，一半抄袭一半自己想的。
@likaka @figurant @argc icon 的问题不是这个挑战的重点，几乎每个 icon 都是两分钟做出来的，我的初衷只是不想留空白而已。
@alexnone 大概时间都是每天一两个小时，工作间隙看资料，个人时间动手，挤一挤总是有的。

[figurant]

@FradSer 看看这个人的博客 [3w].mdong.org, 设计也是学问啊，除了天赋还要理论