V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
FradSer
V2EX  ›  程序员

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

  •  
  •   FradSer · 2019-08-22 01:41:44 +08:00 · 3897 次点击
    这是一个创建于 1911 天前的主题,其中的信息可能已经有所发展或是发生改变。

    假装程序员系列。

    做外一名产品设计师(其实大部分时间在当产品经理)在看到 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 准备自己做一个生成壁纸的应用)。

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

    是不是工作挺空的.. : )
    FradSer
        13
    FradSer  
    OP
       2019-08-23 00:07:13 +08:00
    @littlebaozi 都是自己到处找灵感,一半抄袭一半自己想的。
    @likaka @figurant @argc icon 的问题不是这个挑战的重点,几乎每个 icon 都是两分钟做出来的,我的初衷只是不想留空白而已。
    @alexnone 大概时间都是每天一两个小时,工作间隙看资料,个人时间动手,挤一挤总是有的。
    figurant
        14
    figurant  
       2019-08-23 14:14:20 +08:00
    @FradSer 看看这个人的博客 [3w].mdong.org, 设计也是学问啊,除了天赋还要理论
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1482 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 19ms · UTC 17:24 · PVG 01:24 · LAX 09:24 · JFK 12:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.