又搞了一个仿 Apple Design 的系统,大家看像不像 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
请不要在回答技术问题时复制粘贴 AI 生成的内容
ditie

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

  •  
  •   ditie Nov 20, 2020 14289 views
    This topic created in 1989 days ago, the information mentioned may be changed or developed.

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

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

    • 高亮

    • dark

    着色可能有点重~

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

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

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

    东半球仅次于锤子 OS 的 Design
    bojue
        97
    bojue  
       Nov 21, 2020
    不错,乡村结合部的 UI 风格
    ditie
        98
    ditie  
    OP
       Nov 21, 2020 via Android   1
    @riordanw 非常感谢指导,我会再学习
    xabc
        99
    xabc  
       Nov 21, 2020
    dfzj
        100
    dfzj  
       Nov 21, 2020
    @Eagleyes 竟然还能排第三,竟然还能有可比性。。。
    1  2  
    About     Help     Advertise     Blog     API     FAQ     Solana     2476 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 284ms UTC 07:57 PVG 15:57 LAX 00:57 JFK 03:57
    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