V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
ditie
V2EX  ›  程序员

又搞了一个仿 Apple Design 的系统,大家看像不像

  •  
  •   ditie · 2020-11-20 15:09:43 +08:00 · 12622 次点击
    这是一个创建于 1494 天前的主题,其中的信息可能已经有所发展或是发生改变。

    上次搞了个抖音风格的财务系统,反馈还不错: https://v2ex.com/t/725798

    这次又搞了搞了一个仿苹果风格的合同管理系统,大家看像不像:

    • 高亮

    • dark

    着色可能有点重~

    >> 完整系统和 DEMO 体验在此 <<

    • light
    115 条回复    2020-11-23 14:31:52 +08:00
    1  2  
    janxin
        1
    janxin  
       2020-11-20 15:12:28 +08:00   ❤️ 46
    我觉得你似乎有什么误解...
    dfzj
        2
    dfzj  
       2020-11-20 15:13:07 +08:00
    @janxin 怎么说?
    nexmoe
        3
    nexmoe  
       2020-11-20 15:14:47 +08:00 via Android
    。。。。
    CharlotteLi
        4
    CharlotteLi  
       2020-11-20 15:14:55 +08:00   ❤️ 2
    抖音那个配色还挺像的,这个感觉稍微有些花,刺眼睛。
    hronro
        5
    hronro  
       2020-11-20 15:15:15 +08:00   ❤️ 1
    这叫 Apple Design ?
    fence
        6
    fence  
       2020-11-20 15:17:17 +08:00
    大圆角呢?
    ryouok
        7
    ryouok  
       2020-11-20 15:18:09 +08:00
    配色稍微调整一下,不重要的元素太花哨抢眼了
    aydd2004
        8
    aydd2004  
       2020-11-20 15:19:22 +08:00   ❤️ 24
    你这是 oppo vivo 那种厂妹效果
    dfzj
        9
    dfzj  
       2020-11-20 15:21:07 +08:00
    @aydd2004 哈哈哈 啥叫厂妹效果
    dingdangnao
        10
    dingdangnao  
       2020-11-20 15:21:48 +08:00
    这配色 要死了。。
    vision1900
        11
    vision1900  
       2020-11-20 15:22:12 +08:00
    怎么说呢,我觉着布局还是能及格的
    aydd2004
        12
    aydd2004  
       2020-11-20 15:22:12 +08:00
    @dfzj 就是颜色特别重 特别艳 合同管理那几个字特别明显
    Leonard
        13
    Leonard  
       2020-11-20 15:22:26 +08:00
    一点都不 Apple Design,太花了。。
    ivmm
        14
    ivmm  
       2020-11-20 15:22:30 +08:00
    Apple Design 会让你觉得刺眼么?
    melkor
        15
    melkor  
       2020-11-20 15:22:59 +08:00 via iPhone
    只是取了几个颜色和渐变,和 Design 还差几个级别……
    Bijiabo
        16
    Bijiabo  
       2020-11-20 15:24:36 +08:00   ❤️ 1
    你对设计是不是有什么误解?这行还是有门槛的
    mokeyjay
        17
    mokeyjay  
       2020-11-20 15:28:57 +08:00
    那啥,你对 Apple Design 肯定还有着不小的误解……
    w4n9hu1
        18
    w4n9hu1  
       2020-11-20 15:30:17 +08:00
    有钱还是请个设计吧。。
    wunonglin
        19
    wunonglin  
       2020-11-20 15:31:06 +08:00   ❤️ 7
    答应我,别碰设计了,
    vevlins
        20
    vevlins  
       2020-11-20 15:32:50 +08:00
    亮瞎了我的狗眼,建议粘贴下 icloud 样式,我毕业设计网站做的就是仿 icloud 风格
    52coder
        21
    52coder  
       2020-11-20 15:33:36 +08:00
    这 ui 界面,看一天还不得瞎了呀,哈哈哈,老铁,太丑了呀
    cmdOptionKana
        22
    cmdOptionKana  
       2020-11-20 15:34:40 +08:00
    Jony Ive 看完说你年轻人不讲武德,劝你耗子尾汁
    Love4Taylor
        23
    Love4Taylor  
       2020-11-20 15:36:13 +08:00
    你这误解有点大。。
    iamverylovely
        24
    iamverylovely  
       2020-11-20 15:36:44 +08:00   ❤️ 1
    虽然我不用苹果,但我不会侮辱苹果。
    dfzj
        25
    dfzj  
       2020-11-20 15:37:34 +08:00
    @aydd2004 确实有点
    amon
        26
    amon  
       2020-11-20 15:37:44 +08:00
    答应我,来我们苹果皮公司上班好吗?
    对的,我们在深圳华强北阔皮大厦 404 号。
    是的,我们是真的苹果皮公司,专门为苹果设备换电池,和加跑马灯的。
    96412hj
        27
    96412hj  
       2020-11-20 15:46:13 +08:00
    你这颜色太刺眼了,UI 看了会吐血,一般后台管理页面颜色不要超过 3 个(深色的)
    QingStone
        28
    QingStone  
       2020-11-20 15:48:58 +08:00 via iPhone   ❤️ 5
    你这才是黑苹果
    suyeH
        29
    suyeH  
       2020-11-20 15:52:25 +08:00
    这不是迅雷风格吗
    gaobh
        30
    gaobh  
       2020-11-20 15:52:25 +08:00 via iPhone
    还是 google design 舒服
    demo06
        31
    demo06  
       2020-11-20 16:00:18 +08:00
    大哥你可赶紧去找个设计吧
    imn1
        32
    imn1  
       2020-11-20 16:02:21 +08:00
    太花了
    shenyu1996
        33
    shenyu1996  
       2020-11-20 16:14:09 +08:00
    很复古 [doge]
    ziki
        34
    ziki  
       2020-11-20 16:18:12 +08:00
    你这是 smart design
    ditie
        35
    ditie  
    OP
       2020-11-20 16:20:13 +08:00
    @amon i 了 i 了
    bayker
        36
    bayker  
       2020-11-20 16:20:37 +08:00
    找个第三方的后台管理库 不好吗?为什么要自己配色设计
    belin520
        37
    belin520  
       2020-11-20 16:20:49 +08:00
    答应我,好好写代码,不要再碰设计了好伐?
    dfzj
        38
    dfzj  
       2020-11-20 16:20:52 +08:00
    @gaobh 安排~ @ditie
    zlgodpig
        39
    zlgodpig  
       2020-11-20 16:25:22 +08:00
    之前抖音风格的,感觉眼前一亮。这个苹果风格的,感觉眼前一瞎 😳
    miemie666
        40
    miemie666  
       2020-11-20 16:28:44 +08:00
    你还是去玩抖音吧
    en20
        41
    en20  
       2020-11-20 16:30:41 +08:00
    介是个嘛呀
    NightCatS
        42
    NightCatS  
       2020-11-20 16:32:37 +08:00   ❤️ 1
    Ugly Design
    moonkiller
        43
    moonkiller  
       2020-11-20 16:34:46 +08:00
    想到了 PPT 做设计的时代
    maplelin
        44
    maplelin  
       2020-11-20 16:35:37 +08:00
    那个 dark 模式已收金额的黄黑色配色,是从某个 P 打头的网站学的吗
    helloworldchao
        45
    helloworldchao  
       2020-11-20 16:38:47 +08:00 via Android
    乔布斯看了想复活😂
    kingfalse
        46
    kingfalse  
       2020-11-20 17:00:48 +08:00
    颜色有点扎眼,感觉按钮什么的色彩不是很搭配
    crbee
        47
    crbee  
       2020-11-20 17:05:09 +08:00
    是不是对 Apple Design 有啥误解....
    wangpao
        48
    wangpao  
       2020-11-20 17:09:02 +08:00
    你对 Apple Design 有点误解啊兄弟
    yaphets666
        49
    yaphets666  
       2020-11-20 17:09:30 +08:00
    有点那个感觉 很抽象 但是细节太差了
    yolo0014
        50
    yolo0014  
       2020-11-20 17:12:41 +08:00
    就这?
    PeterChu9527
        51
    PeterChu9527  
       2020-11-20 17:17:29 +08:00
    @maplelin 这个人不对劲
    icedwatermelon
        52
    icedwatermelon  
       2020-11-20 17:22:00 +08:00
    你的”Facebook design“比这个”Apple design“看着舒服多了
    deplives
        53
    deplives  
       2020-11-20 17:22:18 +08:00
    你对 Apple Design 有点误解
    去 B 站搜下相关的视频,可以看下 Apple Design 是啥类型
    kukat
        54
    kukat  
       2020-11-20 17:23:12 +08:00   ❤️ 1
    Apple (代工厂: 富士康) Design
    ruanimal
        55
    ruanimal  
       2020-11-20 17:26:47 +08:00
    不能说一模一样,只能说毫不相干
    vanityfairn
        56
    vanityfairn  
       2020-11-20 17:35:03 +08:00
    hhhh,发言的都是段子手~
    340244120w
        57
    340244120w  
       2020-11-20 17:50:10 +08:00   ❤️ 3
    明天来椰树上班!
    Jackeriss
        58
    Jackeriss  
       2020-11-20 17:57:02 +08:00
    配色鬼才!
    treblex
        59
    treblex  
       2020-11-20 18:05:03 +08:00
    吧所有背景色都去掉变白底黑字,只保留那个绿色按钮,就是苹果风格了
    leavic
        60
    leavic  
       2020-11-20 18:27:23 +08:00
    既不 apple 也不 design
    pigmen
        61
    pigmen  
       2020-11-20 18:51:19 +08:00
    这要是 Apple Design 乔布斯就真从土里蹦出来了
    BingoXuan
        62
    BingoXuan  
       2020-11-20 18:54:14 +08:00 via Android
    额,我见过 Apple 内部生产数据管理系统,你这个真的差太多了
    PEAL
        63
    PEAL  
       2020-11-20 19:17:39 +08:00
    你肯定是一个后端从业人员
    parametrix
        64
    parametrix  
       2020-11-20 20:18:23 +08:00
    有些颜色的 Value 太接近了,眼睛不知道该看哪里,把饱和度去掉应该能看到很多地方是分不清的。
    i66
        65
    i66  
       2020-11-20 20:24:05 +08:00 via Android
    回头去看了抖音风格,我觉得 apple 这个已经很有进不了
    xenme
        66
    xenme  
       2020-11-20 20:28:49 +08:00 via iPhone
    辣眼睛
    simo
        67
    simo  
       2020-11-20 20:50:43 +08:00
    特意重新搜了下 design 的中文翻译,也重新把中文含义,搜了一次辞海+百科,发现我之前的理解没有错。
    lifeintools
        68
    lifeintools  
       2020-11-20 20:57:53 +08:00
    你的审美 是不是出现了一点点的误差?
    lemon6
        69
    lemon6  
       2020-11-20 21:12:46 +08:00
    真心不好看 花里胡哨的
    dfzj
        70
    dfzj  
       2020-11-20 21:14:16 +08:00
    像,确实像...
    edinina
        71
    edinina  
       2020-11-20 21:22:43 +08:00 via Android
    作为 ui 设计表示 lz 误解很深
    hemingyang
        72
    hemingyang  
       2020-11-20 21:46:38 +08:00
    花里胡哨
    Doubticism
        73
    Doubticism  
       2020-11-20 22:35:17 +08:00
    原来你是这样的 apple design😂
    WilsonGGG
        74
    WilsonGGG  
       2020-11-20 22:47:31 +08:00
    Apple:草
    akira
        75
    akira  
       2020-11-20 22:48:26 +08:00
    兄 dei 。。。
    作为一个程序员,你需要 相信 自己是没有颜色搭配的能力的。
    caiji11
        76
    caiji11  
       2020-11-20 22:57:32 +08:00
    @akira 那在哪学颜色搭配呢 想自己调调前端的颜色
    iamwho
        77
    iamwho  
       2020-11-20 23:01:38 +08:00
    这就是 iOS 15 吗,爱了。
    weak
        78
    weak  
       2020-11-20 23:09:25 +08:00 via Android
    colorhunt 点 co 学习一下配色,
    musi
        79
    musi  
       2020-11-20 23:18:59 +08:00
    这个。。。我可能理解你想做 Apple Design 的心情(苹果的设计师薪资的确很高),但程序员就应该好好敲代码,设计的是还是得专业的来做
    0bit
        80
    0bit  
       2020-11-20 23:23:19 +08:00
    一定是有什么误解……
    gcyrn
        81
    gcyrn  
       2020-11-20 23:27:31 +08:00
    不敢恭维
    littlewing
        82
    littlewing  
       2020-11-21 00:48:34 +08:00
    完全不像
    Lemeng
        83
    Lemeng  
       2020-11-21 01:23:26 +08:00
    像不像不太好说,但是还可以
    Y29tL2gwd2Fy
        84
    Y29tL2gwd2Fy  
       2020-11-21 01:33:49 +08:00 via iPhone
    瞎了
    kkbblzq
        85
    kkbblzq  
       2020-11-21 01:54:40 +08:00
    抖音那个还能看。。。。这个是真的不敢恭维。
    kennylam777
        86
    kennylam777  
       2020-11-21 01:59:08 +08:00
    這是彷舊式 Windows app 再配上彷 Apple 色彩
    frankkly
        87
    frankkly  
       2020-11-21 09:22:20 +08:00
    这是 AppleDesign ???????年轻人,耗子尾汁
    xrr2016
        88
    xrr2016  
       2020-11-21 10:18:05 +08:00
    🐂🍺,大神太强啦,膜拜 🐶
    LudwigWS
        89
    LudwigWS  
       2020-11-21 10:26:33 +08:00 via iPhone
    @akira 其实是可以的,好审美的程序员也不少
    dogfood
        90
    dogfood  
       2020-11-21 10:29:29 +08:00
    东施效颦(对不起,请不要 block 我)
    rodrick
        91
    rodrick  
       2020-11-21 10:45:54 +08:00
    这深黄色配上小小的白字加上死亡渐变,年轻人我大 e 了,没有闪
    jfdnet
        92
    jfdnet  
       2020-11-21 11:02:18 +08:00
    你仿的是 苹果海报 不是 苹果 UI 这两者是有区别的。
    riordanw
        93
    riordanw  
       2020-11-21 11:13:30 +08:00
    一般来说,研发工程师负责逻辑实现,而设计师负责 UI/UX 设计。如果研发人员能掌握 UI/UX,那会是一个非常不错的交叉技能。在不考虑前期需求调研、后期市场推广的情况下,起码自己可以独立做一个产品了。

    看得出 LZ 还是有些想法的,只不过还没摸到门路。

    我根据自身对 Apple Design 的理解,冒昧地帮 LZ 稍微修改一下,大概长这样:

    ![桌面端 HD.png]( https://i.loli.net/2020/11/21/ewJT5fpLVYMhStb.png)

    推荐阅读以下书目,了解设计的基本原则:
    《写给大家看的设计书》

    推荐浏览 Apple 官网网页,了解 Apple Design:
    https://developer.apple.com/design/human-interface-guidelines/
    riordanw
        94
    riordanw  
       2020-11-21 11:23:28 +08:00
    [img][/img]
    lucybenz
        95
    lucybenz  
       2020-11-21 11:32:22 +08:00
    浓浓的苹果风 就是你咋不通风保存呢,你看你这一堆苹果 ------- 都烂了
    Eagleyes
        96
    Eagleyes  
       2020-11-21 12:11:37 +08:00
    蓝星第三 Design

    第一是谁?当然是原装 apple
    第二呢? 当然是老罗的锤子
    第三, 就是楼主了

    东半球仅次于锤子 OS 的  Design
    bojue
        97
    bojue  
       2020-11-21 12:17:45 +08:00
    不错,乡村结合部的 UI 风格
    ditie
        98
    ditie  
    OP
       2020-11-21 12:42:22 +08:00 via Android   ❤️ 1
    @riordanw 非常感谢指导,我会再学习
    xabc
        99
    xabc  
       2020-11-21 12:52:26 +08:00
    dfzj
        100
    dfzj  
       2020-11-21 14:36:05 +08:00
    @Eagleyes 竟然还能排第三,竟然还能有可比性。。。
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2887 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 14:28 · PVG 22:28 · LAX 06:28 · JFK 09:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.