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

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

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

    腾讯云最新优惠活动来了:云产品限时1折,云服务器低至88元/年 ,点击这里立即抢购:9i0i.cn/qcloud,更有2860元代金券免费领取,付款直接抵现金用,点击这里立即领取:9i0i.cn/qcloudquan

    (福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

    假装程序员系列。

    做外一名产品设计师(其实大部分时间在当产品经理)在看到 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   ·   我们的愿景   ·   实用小工具   ·   5363 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 07:32 · PVG 15:32 · LAX 00:32 · JFK 03:32
    Developed with CodeLauncher
    ? Do have faith in what you're doing.


    http://www.vxiaotou.com