又搞了一个仿 Apple Design 的系统,大家看像不像 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
ditie
V2EX    程序员

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

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

    上次搞了个抖音风格的财务系统,反馈还不错: 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
    有钱还是请个设计吧。。
    shakaraka
        19
    shakaraka  
    PRO
       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  
    PRO
       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
    这不是迅雷风格吗
    Solix
        30
    Solix  
       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
    找个第三方的后台管理库 不好吗?为什么要自己配色设计
    icanfork
        37
    icanfork  
       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:草
    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]
    benzlucy
        95
    benzlucy  
       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     Solana     4725 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 45ms UTC 01:09 PVG 09:09 LAX 17:09 JFK 20:09
    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