30 天 SwiftUI 挑战,产品设计师自学 SwiftUI 开发 - V2EX
请不要在回答技术问题时复制粘贴 AI 生成的内容
FradSer

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

  •  
  •   FradSer Aug 22, 2019 4758 views
    This topic created in 2467 days ago, the information mentioned may be changed or developed.

    假装程序员系列。

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

    是不是工作挺空的.. : )
    FradSer
        13
    FradSer  
    OP
       Aug 23, 2019
    @littlebaozi 都是自己到处找灵感,一半抄袭一半自己想的。
    @likaka @figurant @argc icon 的问题不是这个挑战的重点,几乎每个 icon 都是两分钟做出来的,我的初衷只是不想留空白而已。
    @alexnone 大概时间都是每天一两个小时,工作间隙看资料,个人时间动手,挤一挤总是有的。
    figurant
        14
    figurant  
       Aug 23, 2019
    @FradSer 看看这个人的博客 [3w].mdong.org, 设计也是学问啊,除了天赋还要理论
    About     Help     Advertise     Blog     API     FAQ     Solana     2910 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 57ms UTC 07:50 PVG 15:50 LAX 00:50 JFK 03:50
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86