小米官网的前端有点敷衍呀! - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
oszlso
V2EX    分享发现

小米官网的前端有点敷衍呀!

  •  7
     
  •   oszlso 2021-03-31 00:00:48 +08:00 20277 次点击
    这是一个创建于 1659 天前的主题,其中的信息可能已经有所发展或是发生改变。
    小米换新 LOGO,虽然变化不大但好歹是请原研设计的,我看小米官网左上角 LOGO 就加了一个 border-radius: 19px;的样式,这也太敷衍了



    128 条回复    2021-04-14 17:11:34 +08:00
    1  2  
    YouMoeYi
        1
    YouMoeYi  
       2021-03-31 00:05:05 +08:00 via Android
    笑死
    FEDT
        2
    FEDT  
       2021-03-31 00:05:17 +08:00 via iPhone   4
    哈哈哈,可以对比下大师设计的跟这 19px 的 br 相差多少
    zhangfeiwudi
        3
    zhangfeiwudi  
       2021-03-31 00:08:06 +08:00
    我去,我以为好歹换个图片啊。。。。
    oszlso
        4
    oszlso  
    OP
       2021-03-31 00:08:52 +08:00   20
    雷军:老子花这么多钱你一句话就搞定了那我这钱不白花了吗?
    FightPig
        5
    FightPig  
       2021-03-31 00:11:20 +08:00
    这个 logo,,用的着特意设计?
        6
    Biwood  
       2021-03-31 00:12:26 +08:00 via iPhone
    个人觉得这比换一张图片更有技术性,当然,作为宣传物料让别人复制图片就不合适了,除非截图
    timothyye
        7
    timothyye  
       2021-03-31 00:13:10 +08:00
    hhhhhhhhhhhhhh
    RingoTC
        8
    RingoTC  
       2021-03-31 00:15:45 +08:00 via Android
    感觉现在的官网和这种圆角 logo 并不搭
    7gugu
        9
    7gugu  
       2021-03-31 00:19:54 +08:00
    感觉大师来了,不仅仅只是改了个 ICON 吧,可能还有整体的 UI 设计没放出来呢。
    ufan0
        10
    ufan0  
       2021-03-31 00:23:15 +08:00 via Android
    新版文字设计中,a 特别像 6 倒了,我真的是被 6 到了。
    xtx
        11
    xtx  
       2021-03-31 00:24:59 +08:00 via iPhone   8
    这不是 nokia meego 么?
    Rxianbei
        12
    Rxianbei  
       2021-03-31 00:26:10 +08:00 via Android
    作为工程师,最基本的技能就是看产品而不看产品的设计者是谁。这个 logo 我觉得就是雷总被坑了,没准中介公司根本没有找到这个日本大神,就是在家雇一个大学生 50 块钱弄一个。
    littlewing
        13
    littlewing  
       2021-03-31 00:27:44 +08:00 via iPhone
    所以说这个图标和大师设计的区别有多大?
    hheng101
        14
    hheng101  
       2021-03-31 00:30:22 +08:00
    笑死我了,小米是上当了吗
    levon
        15
    levon  
       2021-03-31 00:34:00 +08:00
    原研哉果然真大师
    edinina
        16
    edinina  
       2021-03-31 00:34:33 +08:00 via Android
    虽然但是这个圆角效果差太远了
    autoxbc
        17
    autoxbc  
       2021-03-31 00:50:38 +08:00   3
    @xtx #11 可以溯源到更早的 Symbian 时代
    zagfai
        18
    zagfai  
       2021-03-31 01:00:18 +08:00
    @autoxbc 这不是 Meego 吗?
    Perry
        19
    Perry  
       2021-03-31 01:07:42 +08:00 via iPhone
    这 logo 有点像 The Farmer’s Dog 的 logo
    Building
        20
    Building  
       2021-03-31 01:16:53 +08:00 via iPhone   13
    下班前记得把图换了,文件发你。
    程序员打开一看,就这?打开编辑器: border-radius: 19px;
    kassadin
        21
    kassadin  
       2021-03-31 01:26:38 +08:00
    看发布会的时候总感觉这个操作很迷

    内心有种气功横行那个年代的感觉,很玄幻又真实的发生
    lichdkimba
        22
    lichdkimba  
       2021-03-31 01:29:41 +08:00   2
    这个 19px 可能是大师算出来的!咱们不会设计就算不出这个数!
    nznd
        23
    nznd  
       2021-03-31 01:56:43 +08:00
    测试了下 international 版本的是真替换了图片...(虽然只是一个纯色背景,但是是真的圆角不是靠 css 做出来的(
    JensenQian
        24
    JensenQian  
       2021-03-31 02:38:12 +08:00 via Android   43
    MajestySolor
        25
    MajestySolor  
       2021-03-31 02:44:11 +08:00
    有没有设计师来科普一下这个大圆角有什么说法么,个人觉得还没有原来的顺眼
    johnsonshu
        26
    johnsonshu  
       2021-03-31 03:01:04 +08:00 via Android
    @MajestySolor 发布会下半场
    tmy1995hflc
        27
    tmy1995hflc  
       2021-03-31 03:06:50 +08:00
    不要说出来呀, 给点面子
    autoxbc
        28
    autoxbc  
       2021-03-31 03:5:55 +08:00
    @zagfai #18 应该不是 Meego,左边是 Lumia 920,右边是 Nokia C7-00,跑的系统都是 Symbian Belle

    不过我又查了一下,这种钝圆角图标同时出现在 Symbian Belle 和 Meego 上,也都同时发布于 2011 年夏天,大概是一个团队做的 UI,给两个系统来用
    JensenQian
        29
    JensenQian  
       2021-03-31 04:17:15 +08:00 via Android
    Mac
        30
    Mac  
       2021-03-31 07:25:08 +08:00   10
    我甚至怀疑这是罗永浩染个白色头发做出来的东西
    Astrian
        31
    Astrian  
       2021-03-31 08:05:43 +08:00
    难道问题不在于 radius 19px 和原研哉设计的图标也不完全一致啊
    SkylerShu
        32
    SkylerShu  
       2021-03-31 08:32:44 +08:00
    哈哈哈
    x86
        33
    x86  
       2021-03-31 08:45:44 +08:00
    你出名了你也行,就跟一些艺术家的画一样,在我看来就是随手几笔,让他重新画都画不出来
    liuxey
        34
    liuxey  
       2021-03-31 08:48:53 +08:00
    11 pro 发布当晚我还看到手机 spec 介绍里写的 “高通骁龙888888 | 新型相变散热材料”,我反复刷新了几遍都是六个 8
    treblex
        35
    treblex  
       2021-03-31 08:58:45 +08:00
    大概是为了做汽车,炒一下热度,说不定就是小米自己的人设计的,请大师挂个名
    StephenHe
        36
    StephenHe  
       2021-03-31 09:01:21 +08:00
    现在还是这样。
    maemolee
        37
    maemolee  
       2021-03-31 09:06:36 +08:00
    他这个前端确实有点敷衍了,圆角矩形和平滑圆角矩形的 css 表现肯定是不同的。
    shapl
        38
    shapl  
       2021-03-31 09:10:13 +08:00
    感觉雷总被骗了。
    murmur
        39
    murmur  
       2021-03-31 09:16:47 +08:00
    本来这个设计就是买的广告费,你们肯讨论就赢了
    yaphets666
        40
    yaphets666  
       2021-03-31 09:18:40 +08:00
    按其他的企业来说,有传闻要造车,股价就会不同程度的起飞.小米却没什么动静.
    其实从 LOGO 这个事就能看出来,小米没有精英人才,事情办不好.
    en20
        41
    en20  
       2021-03-31 09:19:47 +08:00 via Android
    200 万去做广告,宣传效果还真不如挂名个大师
    en20
        42
    en20  
       2021-03-31 09:21:17 +08:00 via Android   1
    雷总借此告诉大家:他长大了、成熟了,磨圆了边边角角,但是内里还是保持初心、变化不大,请大家放心,并继续支持。
    lneoi
        43
    lneoi  
       2021-03-31 09:22:16 +08:00
    哈哈哈哈
    baiduyixia
        44
    baiduyixia  
       2021-03-31 09:24:47 +08:00
    笑死,去看还真的是
    P090mkVm22352Q8t
        45
    P090mkVm22352Q8t  
       2021-03-31 09:27:33 +08:00
    @shapl #38 你以为雷布斯被忽悠了,雷布斯只是花钱找名人给新 logo 背书了而已,以及更换 logo 泛起的讨论效应。

    雷军:我早就想到了你们要说我被骗
    jawilx
        46
    jawilx  
       2021-03-31 09:27:45 +08:00
    单纯技术方面确实这样实现更好啊,通过背景色和圆角比直接用图片好,而且这个 logo 其实还是个按钮,鼠标移上去是有变化的
    allenforrest
        47
    allenforrest  
       2021-03-31 09:29:50 +08:00
    @Astrian 我也想这么说,看上去是不一样
    zhhanging
        48
    zhhanging  
       2021-03-31 09:33:28 +08:00
    我看了一下小米台湾官网的 logo 跟这个不太一样
    marcong95
        49
    marcong95  
       2021-03-31 09:38:10 +08:00
    啊这,这不就是个 clip-path 的事情么
    alalei199
        50
    alalei199  
       2021-03-31 09:38:36 +08:00   8
    JensenQian 6 小时 55 分钟前 via Android 8
    这个 数量是怎么增加的,这个是点赞数吗?
    daben1990
        51
    daben1990  
       2021-03-31 09:38:39 +08:00
    哈哈哈哈
    JuSH
        52
    JuSH  
       2021-03-31 09:42:17 +08:00
    新版 logo 看起来总感觉 mi 没有居中,而旧版 logo 就没有这种感觉。
    neptuno
        53
    neptuno  
       2021-03-31 09:43:20 +08:00
    感觉 logo 的事情只是一波营销.....200 万全网营销
    yimity
        54
    yimity  
       2021-03-31 09:46:19 +08:00
    你咋知道原研哉不就是加了个 border-radius:19px; 呢?
    LearningToCode
        55
    LearningToCode  
       2021-03-31 09:47:02 +08:00
    @2c2b2u 这波相当于请全球知名设计师代言背书免费送个 logo,直接拉高了小米的品牌形象和内涵。
    当然我是不吃这一套的,但是总有人吃。
    代言费还比请明星便宜多了,这波小米第五层。
    Cabana
        56
    Cabana  
       2021-03-31 09:49:25 +08:00
    哈哈,去参观了下发现网站 Favicon 还是方的呀
    supuwoerc
        57
    supuwoerc  
       2021-03-31 09:49:47 +08:00
    小米:招一个设计带师
    前端:找我?
    ctrlands
        58
    ctrlands  
       2021-03-31 09:52:59 +08:00
    不应该是超椭圆吗?略微草率
    j3n5en
        59
    j3n5en  
       2021-03-31 09:54:28 +08:00
    https://sm.ms/image/iBf8bpckKYLxJm9

    还有好多页面没改完,估计要加班了
    zifangsky
        60
    zifangsky  
       2021-03-31 09:58:35 +08:00   3
    @alalei199 #49 是,这个功能是「感谢回复者」。把鼠标移到每一层楼右上角箭头那里再往左平移一点就可以看到了。
    love
        61
    love  
       2021-03-31 10:02:42 +08:00   1
    这圆角不合格啊,不够圆滑,要这样:
    http://jsbin.com/dafiwuwiru/edit?css,output
    binaryify
        62
    binaryify  
       2021-03-31 10:07:08 +08:00
    我觉得小米对我的设计梦想帮助很大,以前我觉得设计很难要掌握很多知识和训练,自从小米发布了新 logo,我觉得我也行
    MonoBiao
        63
    MonoBiao  
       2021-03-31 10:15:35 +08:00
    那可太厉害辣
    ZhaoMiing
        64
    ZhaoMiing  
       2021-03-31 10:18:18 +08:00
    一个圆角 50w [doge]
    xaoflysho
        65
    xaoflysho  
       2021-03-31 10:27:37 +08:00
    @yimity 这明显不是圆角矩形啊,小米官方的说法是 |X|^n+|Y|^n=1,n=3 的函数曲线
    debuginn
        66
    debuginn  
       2021-03-31 10:40:57 +08:00
    秀儿 这都被你发现了
    fernandoxu
        67
    fernandoxu  
       2021-03-31 10:47:39 +08:00
    border-radius 实现不了啊,UI 的本意应该不是在那放个 logo 。。。
    Jooooooooo
        68
    Jooooooooo  
       2021-03-31 10:50:28 +08:00
    ?
    wangyzj
        69
    wangyzj  
       2021-03-31 10:56:35 +08:00
    这都不如拿笔一甩一堆黄点子
    然后称之为一把小米
    dupontjoy
        70
    dupontjoy  
       2021-03-31 10:57:31 +08:00
    原设计师是最大赢家
    大师都不能改动的设计
    完美的设计
    wangluowanjia
        71
    wangluowanjia  
       2021-03-31 10:58:17 +08:00
    哈哈哈哈哈,笑死
    sexoutsex2011
        72
    sexoutsex2011  
       2021-03-31 11:00:33 +08:00
    200 万实际上花的是代言费,不是设计服务费。
    superBearL
        73
    superBearL  
       2021-03-31 11:13:24 +08:00
    设计师设计了 1000 稿,雷总采用了第一稿。手动狗头
    paloalto
        74
    paloalto  
       2021-03-31 11:15:28 +08:00   1
    miniwade514
        75
    miniwade514  
       2021-03-31 11:21:26 +08:00   1
    这样不用加载新图标,帮你剩流量你还不乐意了
    suyuyu
        76
    suyuyu  
       2021-03-31 11:23:20 +08:00
    当年还用别人的海报
    icyalala
        77
    icyalala  
       2021-03-31 11:30:45 +08:00
    原研哉:你这个整天抄我们 muji 的土包子,好意思请我来设计?随便打发掉吧。。
    Azmeont
        78
    Azmeont  
       2021-03-31 11:31:46 +08:00
    太秀了这
    FantaMole
        79
    FantaMole  
       2021-03-31 11:36:46 +08:00
    @paloalto #74 这微博底下评论说的没错,我觉得他这个解读要比原研哉叨逼叨逼一顿生命解释得更好,这博主至少也得拿个 80 万
    duanxianze
        80
    duanxianze  
       2021-03-31 11:38:01 +08:00
    @FightPig 设计 9.9,讲故事 999999 !
    feikeq
        81
    feikeq      2021-03-31 11:38:15 +08:00
    这比淘宝 LOGO 花的 200 万还坑哈....
    mayuko2012
        82
    mayuko2012  
       2021-03-31 11:38:23 +08:00
    刚才看图标已经变回去了,`border-radius: 19px;`也不见了。
    LittleDeng
        83
    LittleDeng  
       2021-03-31 11:39:57 +08:00
    paloalto
        84
    paloalto  
       2021-03-31 11:40:23 +08:00
    @mayuko2012 #81 嗯,替换成背景图片实现了: https://s02.mifile.cn/assets/static/image/logo-footer.png
    zzutmebwd
        85
    zzutmebwd  
       2021-03-31 11:41:03 +08:00
    哈哈哈哈哈哈
    SJ2050cn
        86
    SJ2050cn  
       2021-03-31 11:43:19 +08:00
    史上最贵的一行代码之一
    avenger
        87
    avenger  
       2021-03-31 11:47:42 +08:00
    logo 结果并不那么重要,重要是思考过程产生的意义。换一次 logo,整个事件、人物(大师元素)、思考内容、传播,都形成了品牌资产。增加品牌力的量感和质感。
    Sapp
        88
    Sapp  
       2021-03-31 11:53:03 +08:00
    这 logo 设计的真的丑
    sortbylist
        89
    sortbylist  
       2021-03-31 11:58:41 +08:00
    有些子页面点进行,左上角还没有换
    ksword
        90
    ksword  
       2021-03-31 12:04:27 +08:00
    能上线,证明设计师也觉得一样了
    hyrious
        91
    hyrious  
       2021-03-31 12:05:24 +08:00
    zhuangzhuang1988
        92
    zhuangzhuang1988  
       2021-03-31 12:13:04 +08:00
    jie15879965
        93
    jie15879965  
       2021-03-31 12:19:30 +08:00
    碎碎念:
    第一层:这钱花的值不值,是不是被坑了???
    ...
    大气层:甭管多少钱,反正现在热度已经吵够了,花多少钱都值!!!
    eggshell
        94
    eggshell  
       2021-03-31 12:36:22 +08:00   1
    现在已经换成图了

    x86
        95
    x86  
       2021-03-31 12:43:07 +08:00 via iPhone
    一行代码跟你 200 万的设计几乎一样,你说谁敷衍呢?
    MzM2ODkx
        96
    MzM2ODkx  
       2021-03-31 12:53:06 +08:00
    404 页面
    dartabe
        97
    dartabe  
       2021-03-31 12:57:23 +08:00
    mi 两个字母丑出天际 毫无审美
    ftu
        98
    ftu  
       2021-03-31 13:29:56 +08:00
    高分屏看这 mi.com 里的 logo 还是有点糊
    cwliang
        99
    cwliang  
       2021-03-31 13:30:21 +08:00
    雷总都要气死了
    calmzhu
        100
    calmzhu  
       2021-03-31 13:36:02 +08:00
    优秀!
    1  2  
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1031 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 34ms UTC 22:55 PVG 06:55 LAX 15:55 JFK 18:55
    Do have faith in what you're doing.
    ubao 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