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

2019-08-22 01:41:44 +08:00
 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 准备自己做一个生成壁纸的应用)。

3909 次点击
所在节点    程序员
14 条回复
FradSer
2019-08-22 01:43:49 +08:00
项目目录下的 README.md 可能会有整理的笔记,希望能有帮助。
intellectual
2019-08-22 04:33:25 +08:00
虽然啥都不明白,先 mark 下,没准有机会做些 app 呢。但是又得看自己不懂开发也不知道后面怎么玩。
littlebaozi
2019-08-22 09:08:26 +08:00
这些都是你的设计还是有题目练习的
geniusmyn
2019-08-22 09:15:25 +08:00
战略性插眼
ahonn
2019-08-22 09:31:43 +08:00
很棒啊,懂设计做出来就是好看
likaka
2019-08-22 09:46:47 +08:00
ui 好丑
jaskle
2019-08-22 09:47:44 +08:00
30 天,从看懂到看开
1OF7G
2019-08-22 09:55:03 +08:00
Plus One Second 🐸
楼主是计算机专业的吗,不是程序员居然会写代码
figurant
2019-08-22 10:57:44 +08:00
1. 搞个 box
2. 边框圆角
3. 上背景图(没有就设为#fff )
4. 中间放个 emogi
5. 收工
leopku
2019-08-22 11:31:49 +08:00
战略性 star
argc
2019-08-22 11:54:32 +08:00
@figurant icon 应该对楼主来说不在挑战范围之内 不过搞不懂楼主怎么想的 搞一些辣鸡渐变色的背景上去 这也太丑了吧?
alexnone
2019-08-22 15:09:47 +08:00
楼主很厉害啊

是不是工作挺空的.. : )
FradSer
2019-08-23 00:07:13 +08:00
@littlebaozi 都是自己到处找灵感,一半抄袭一半自己想的。
@likaka @figurant @argc icon 的问题不是这个挑战的重点,几乎每个 icon 都是两分钟做出来的,我的初衷只是不想留空白而已。
@alexnone 大概时间都是每天一两个小时,工作间隙看资料,个人时间动手,挤一挤总是有的。
figurant
2019-08-23 14:14:20 +08:00
@FradSer 看看这个人的博客 [3w].mdong.org, 设计也是学问啊,除了天赋还要理论

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/594036

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX