V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
oszlso
V2EX  ›  分享发现

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

  •  7
     
  •   oszlso · 2021-03-31 00:00:48 +08:00 · 19257 次点击
    这是一个创建于 1332 天前的主题,其中的信息可能已经有所发展或是发生改变。
    小米换新 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,,用的着特意设计?
    Biwood
        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:35: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 泛起的讨论效应。

    雷军:我早就想到了你们要说我被骗
    xujiahui
        46
    xujiahui  
       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 万的设计几乎一样,你说谁敷衍呢?
    iMusic
        96
    iMusic  
       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   ·   实用小工具   ·   1408 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 17:23 · PVG 01:23 · LAX 09:23 · JFK 12:23
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.