V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
如果想在 V2EX 获得更好的推广效果,欢迎了解 PRO 会员机制:
https://www.v2ex.com/pro/about
wxxshu
V2EX  ›  推广

揭秘丨我们如何打造全新的 UCloud 官网

  •  
  •   wxxshu · Jul 23, 2015 · 10438 views
    This topic created in 3930 days ago, the information mentioned may be changed or developed.

    想当年,UCloud官网被大家频频吐槽,丑!

    长得丑对不起社会呀。

    于是,痛定思痛的UCloud去韩国整了个容。

    成不成功,请君评判~

    更猛烈的吐槽喷过来吧,没事,我脸大:)


    这个流火的盛夏,全新的UCloud官网震撼发布!

    在这次改版的背后,UCloud团队经历了怎样的思考?焕然一新的VI传达着何种寓意?新的官网又将给大家带来什么样的新鲜体验?小编带你一一了解。


    什么都看颜的时代,我们从「颜色」聊起

    第一步,品牌基因的产生

    首先,我们围绕产品人格化进行了深入地讨论,并整理得到了33个关于UCloud品牌的关键词,在对所有的词汇语义进行归纳和凝练后,4组共计8个核心词浮出水面:

    科技、理想
    优质、可靠
    公正、透明
    活力、能量

    第二步,色彩定义的过程

    在品牌基因确定后,结合大家对于这些词汇的常识认知,我们收集了一批能够表达这8个关键词语义的图片,并通过通过图片色彩,提炼出7个具有代表性的特征色,由此形成UCloud VI的基础色调:

    全新的LOGO更加动感、现代


    图为新版Logo在原版基础上的修改思路图


    本次改版,我们也对Logo进行了精心的优化。原版大家已经非常熟悉,新版的Logo在确保原有风格延续性的基础上主要做了如下调整:

    • 新版本调整了横向和纵向笔画的粗细程度,使得横向比纵向更宽。让LOGO看起来更动感、现代。

    • 新版LOGO在转角的处理上使用了更个性化的弧度, 同时在几个字母的边沿使用了倾斜的切面。许多的互联网科技类LOGO也都有这些特征。

    焕然一新的官网,你喜欢吗?

    • 新版官网的整体风格精度更高、更加扁平化、更加现代感

    • 大胆地使用「UCloud蓝」色块,沉浸感十足


    • 每一个图标都由资深设计师像素级别精心绘制

    • 通过合理的交互设计,简单优雅地展示信息

    • 方便易用的在线客服触发按钮,随时为你答疑


    • 新增「视频行业解决方案」并更新游戏、O2O&电商、大数据等各行业解决方案内容

    • 全新设计的产品&服务页面,全面优化浏览体验

    • 越来越多的优秀产品入驻UCloud平台

    写在最后

    本次改版,还有非常多的优秀改进,小编这里就不一一剧透了,您可以登录UCloud新官网亲自体验一把,说不定就有惊喜~

    熟悉UCloud的用户肯定知道,UCloud基本每周都会发布New Feature,通过快速的迭代和升级让UCloud云平台更加稳定,产品性能更好,体验更加优秀。我们相信,进步是没有止境的,这方面的追求也没有终点。

    「用户的需求,就是我们的下一个产品」,如果您认为这次改版没有很好的解决您的需求,或者您有更好的建议,您都可以私信UCloud官方微博的主页君,我们期待听到您的声音!

    在7月26日24时之前,用活动码 xinguanwang1 注册UCloud平台,就可获得100元代金券哦~

    97 replies    2015-07-25 16:25:47 +08:00
    lzhi
        1
    lzhi  
       Jul 23, 2015
    我有两个兄弟在你们公司,我很认可你们的产品。但说实话,网站感觉很一般,真的。主题色调还可以,但局部配色,留白都不合适。第一屏还凑合,剩下的跟一个山寨网站差异不大。建议重新布局。
    fising
        2
    fising  
       Jul 23, 2015   ❤️ 1
    青云官网赞,虽然服务貌似不太稳定。
    cnnblike
        3
    cnnblike  
       Jul 23, 2015
    重新设计了还是不好看
    crs0910
        4
    crs0910  
       Jul 23, 2015
    用了活动码,没有代金券。。。
    huafang
        5
    huafang  
       Jul 23, 2015
    丑就一个字,我只说一次
    lyhapple
        6
    lyhapple  
       Jul 23, 2015
    依然很丑,颜色太山寨了
    Ellison
        7
    Ellison  
       Jul 23, 2015
    还是觉得不好看...
    branchzero
        8
    branchzero  
       Jul 23, 2015
    上面导航条,左边导航和右边的登录注册按钮不对齐,真的好难受。
    有些区块的元素之间的间距也明显感觉不太对。
    不能说难看,但是绝对算不上好看。
    Tonni
        9
    Tonni  
       Jul 23, 2015
    曾经 UCloud 前端帮顶,不过我做用户后台的,现在我看也用 Angular 重写了 ;-)
    akira
        10
    akira  
       Jul 23, 2015
    哎?这是哪个游戏的官网?
    Huadb
        11
    Huadb  
       Jul 23, 2015 via iPhone
    好看不好看无所谓,好用就行!
    kslr
        12
    kslr  
       Jul 23, 2015
    丑,没有青云好看。
    huijiewei
        13
    huijiewei  
       Jul 23, 2015
    这个配色。说实话好难看,这种颜色并不适合做平面化方块的。这种颜色做成带有稍许阴影和渐变感觉会好很多,感觉现在的设计师们真的是为了 MetroUI 而 MetroUI
    fange01
        14
    fange01  
       Jul 23, 2015
    哟,ucloud不是季总做的么。。。大黑客
    dianso
        15
    dianso  
       Jul 23, 2015
    感觉一般啊。。。。
    koodai
        16
    koodai  
       Jul 23, 2015 via iPhone
    就没有觉得亚马逊好看过,但是好用啊!
    色调分析很认同,但出来的结果依然不美丽。
    丑就丑吧……
    linode
        17
    linode  
       Jul 23, 2015
    依然丑爆了的感觉,从骨子里丑出来的
    ipconfiger
        18
    ipconfiger  
       Jul 23, 2015
    丑不要紧,稳定就好了,做的漂亮的每天跪的话,仍然并没有什么卵用
    Mush
        19
    Mush  
       Jul 23, 2015
    先把B机房搞稳定再说吧
    wxxshu
        20
    wxxshu  
    OP
       Jul 23, 2015
    @crs0910 您好,代金券发放会有稍许延迟,请稍后再查看一下~谢谢~
    wxxshu
        21
    wxxshu  
    OP
       Jul 23, 2015
    该活动码仅对前100位注册用户有效,大家手速要快哦~
    kokdemo
        22
    kokdemo  
       Jul 23, 2015
    第一次看到宣传自己主页更新的……
    typcn
        23
    typcn  
       Jul 23, 2015
    @wxxshu 然而延迟了几个小时了
    eary
        24
    eary  
       Jul 23, 2015
    好难用
    guoer
        25
    guoer  
       Jul 23, 2015
    不光是丑 还不稳定
    leer561
        26
    leer561  
       Jul 23, 2015
    刺眼,尤其是每个模块,颜色都是一样的没重点。像是焦点轮换图下面的模块,大字小子全是纯白,还有页尾,全是纯白,又刺眼又没重点
    0x2537
        27
    0x2537  
       Jul 23, 2015
    @wxxshu 说好的代金券呢?
    lujiajing1126
        28
    lujiajing1126  
       Jul 23, 2015 via Android
    =_=顶一下
    AirSc
        29
    AirSc  
       Jul 23, 2015
    又变丑了- -
    yoa1q7y
        30
    yoa1q7y  
       Jul 23, 2015
    换了一种丑法
    hoofei
        31
    hoofei  
       Jul 23, 2015
    这并不是一家做设计的公司!哈哈。
    Jonn
        32
    Jonn  
       Jul 23, 2015
    主色调和配色依然不好看。
    thinkxen
        33
    thinkxen  
       Jul 23, 2015 via Android
    依然丑爆了的感觉,从骨子里丑出来的+1
    l12ab
        34
    l12ab  
       Jul 23, 2015
    整容失败
    walleve
        35
    walleve  
       Jul 23, 2015
    还是觉得丑..
    chinassl
        36
    chinassl  
       Jul 23, 2015
    UCLOUND虽然长的不好看,但是实力派,云主机的速度和稳定性还是可以接受的
    westoy
        37
    westoy  
       Jul 23, 2015
    有种设计师特别牛逼,张口就是各种理论法则、大师观点,听得别人一愣一愣的,就是作品丑。
    westoy
        38
    westoy  
       Jul 23, 2015
    设计师应该还是用心了,就是整体效果差强人意,如果没有想法,为什么不去模仿?
    wdlth
        39
    wdlth  
       Jul 23, 2015
    顶部的导航栏有点问题,鼠标移到上面,出现菜单后,再移上去,下面菜单就不见了……
    xuchkang171
        40
    xuchkang171  
       Jul 23, 2015
    说句公道话,漂亮多了。(每条 0.5 元)
    SCaffrey
        41
    SCaffrey  
       Jul 23, 2015
    @wxxshu 说好的代金券呢?
    shuangchun
        42
    shuangchun  
       Jul 23, 2015
    真不好看。
    wheatcc
        43
    wheatcc  
       Jul 23, 2015
    第一眼。。。哎~LOL新英雄。
    Hashell
        44
    Hashell  
       Jul 23, 2015
    打开的时候,以为是运营游戏的....
    ewex
        45
    ewex  
       Jul 23, 2015
    这蓝能瞎眼。之前还行,现在更难看了。刚打开,还以为转型做游戏了呢

    瞧瞧人家青云,那才叫好看
    jjplay
        46
    jjplay  
       Jul 23, 2015
    你们一万多大洋请个设计师 就这样 我也是哭晕在别墅,满屏幕的一抹蓝 跟眼前飞了块蓝抹布一样,哭 哭 哭 ( ▼-▼ )
    w88975
        47
    w88975  
       Jul 23, 2015
    这字体这么大 你确定真的好看????
    chilaoqi
        48
    chilaoqi  
       Jul 23, 2015
    "焕然一新的VI传达着何种寓意?"

    啥是VI啊?

    我不太懂设计,但是感觉这蓝色有点“年轻,活力”,可能和UCloud的游戏定位强相关吧。
    rhwood
        49
    rhwood  
       Jul 23, 2015
    配色让人反感,还没有花15刀从themeforest买的主题好看
    wwlweihai
        50
    wwlweihai  
       Jul 23, 2015
    不错,很整洁。 云服务公司,提供的服务才是最重要的。
    anthonyeef
        51
    anthonyeef  
       Jul 23, 2015
    @chilaoqi 我猜是视觉交互吧,虽然不确定。

    我也觉得不好看。不知道哪里不好,就是那种第一眼看到,“说不出哪里不好看”的不好看。
    0bit
        52
    0bit  
       Jul 23, 2015
    管理后台还是bootstrap的原生界面吗?
    visonnn
        53
    visonnn  
       Jul 23, 2015
    没印象旧网站的样子,但新官网看起来还是不能算好看的范畴,只能说及格?
    akafeng
        54
    akafeng  
       Jul 23, 2015 via iPhone
    看成Ubuntu……
    Stof
        55
    Stof  
       Jul 24, 2015
    @yoa1q7y

    赞同

    @wheatcuican

    你仔细点看,LOL的英雄图还是挺好看的
    wheatcc
        56
    wheatcc  
       Jul 24, 2015
    @Stof 额,我可以理解为,这是在变相的说这图很丑么。。。
    camillo
        57
    camillo  
       Jul 24, 2015
    说了这么多……竟然连个官网的链接都没放,尽管可能就是 www.ucloud.com

    ……然后发现竟然是cn,com会进入一个韩语网站……
    VirgilMing
        58
    VirgilMing  
       Jul 24, 2015
    你确定高亮要用那个色调和亮度的 cyan?
    just44
        59
    just44  
       Jul 24, 2015 via iPhone
    手机上都没法看。学学 leancloud吧。。
    haker
        60
    haker  
       Jul 24, 2015
    logo真心丑
    hgc81538
        61
    hgc81538  
       Jul 24, 2015
    無 doctype...
    w3 validator 測出主頁有 229 errors...

    https://ooo.0o0.ooo/2015/07/24/55b13a5650914.png
    https://ooo.0o0.ooo/2015/07/24/55b13b4f4243d.png
    littlexiang
        62
    littlexiang  
       Jul 24, 2015
    看看人家七牛和LeanCloud...
    当然了 一个官网而已 老板喜欢开心就好...
    Gandum
        63
    Gandum  
       Jul 24, 2015 via iPhone
    @camillo com还在韩国整容呢
    lanbing
        64
    lanbing  
       Jul 24, 2015
    比以前更丑,这次去韩国不行了,得去泰国。
    jiongxiaobu
        65
    jiongxiaobu  
       Jul 24, 2015 via Android
    设计是实习生吗
    cheny95
        66
    cheny95  
       Jul 24, 2015
    那个ucoud蓝 不就是蓝紫色吗..满屏的蓝紫色看成瞎子了.
    Nav下拉真的也要做成全部拉下来吗...
    多学习七牛和青云..服务我没用过,官网至少好看...
    simapple
        67
    simapple  
       Jul 24, 2015
    降价 才是最重要的 页面再花哨有毛用
    maxsec
        68
    maxsec  
       Jul 24, 2015
    丑得一比
    invite
        69
    invite  
       Jul 24, 2015
    这配色,哎,难看的一塌糊涂啊。
    Mysdes
        70
    Mysdes  
       Jul 24, 2015
    一点小建议,还是别整版的用品牌色吧,需要一点辅助色
    疯狂的用色块来组织内容,没了呼吸感
    合作伙伴logo别简单的用 css 去色,会导致各种灰度看起来极为不统一
    mailunion
        71
    mailunion  
       Jul 24, 2015
    满屏一个色调,品牌 Logo 不突出。
    目测楼主自以为做的不错,没想到被打脸。
    chilaoqi
        72
    chilaoqi  
       Jul 24, 2015
    没有com域名好悲剧啊, 比如 ucloud, daocloud, 以及各种 .io

    @camillo
    robertlyc
        73
    robertlyc  
       Jul 24, 2015
    还是丑
    zangbob
        74
    zangbob  
       Jul 24, 2015
    还是丑+1

    不过就算设计的再漂亮,个人用户不让用也是差评。@wxxshu
    wd0g
        75
    wd0g  
       Jul 24, 2015
    一看就是外包做的!
    lufeng6
        76
    lufeng6  
       Jul 24, 2015
    还是丑啊,丑就算了,不发出来我们也不会说什么,偏偏还洋洋得意发出来说,找打
    paloalto
        77
    paloalto  
       Jul 24, 2015   ❤️ 1
    其实页面整体的布局还好。

    问题是蓝色使用太多了 —— 网页设计中任何鲜艳颜色的使用都应该节制。适当的留白,用少量蓝色做点缀(如果觉得单调可以再以一点点浅灰来调和),即可达到简洁大方清爽的感觉。

    现在页面的那些蓝色,额,有一种突然发现世界上还存在这么一种蓝色然后恨不能把自己家里里外外全都刷遍的感觉。

    unique
        78
    unique  
       Jul 24, 2015
    - - 楼主别哭 站起来继续撸
    mymon
        79
    mymon  
       Jul 24, 2015
    说实话,颜色用的真是无语!
    forwuwenkai
        80
    forwuwenkai  
       Jul 24, 2015 via Android
    那个logo不好看。。。不喜欢这种设计,感觉只是PS再加一点点修改。。。文字的logo设计我觉得比图案设计更难,还不如设计一个好看一点的图案
    flied
        81
    flied  
       Jul 24, 2015
    1.面向企业用户的网站,稳重很重要,要让用户有安全感和信心。
    2.科技色蓝色是没有问题的,但是的蓝色太多了,而且颜色太深了,会让看的人有一种恶心的感觉。蓝色要配合着白色一起上。
    3.首页这张自由之战的图太low了,你们是企业网站,不是游戏网站,客户案例也不能这么用,比如拿过来压一下颜色,只描一个线框如何?
    4.轮播的四张图,四个主题色,最后一张更是不合时宜。

    最大问题,蓝色太深了,蓝色太深了,蓝色太深了。
    colorfulberry
        82
    colorfulberry  
       Jul 24, 2015
    然而并不怎么好看! 3D彻底一点或许更好看
    alouha
        83
    alouha  
       Jul 24, 2015
    太low 了,说完,我去官网看下……
    framlog
        84
    framlog  
       Jul 24, 2015
    好丑...
    yuyeliu
        85
    yuyeliu  
       Jul 24, 2015
    你知道吗?用户很懒的,你都不给个链接
    yu1u
        86
    yu1u  
       Jul 24, 2015
    @wxxshu 沒有收到代金券
    lishali12345
        87
    lishali12345  
       Jul 24, 2015
    确实不咋滴,重新设计的也不咋滴,找个专业的设计公司帮帮忙吧
    laukwanchan
        88
    laukwanchan  
       Jul 24, 2015
    最重要的是保持服务的可靠性。

    你看Google.com的首页多简单,也没你们所说的什么动感什么扁平化现代感...
    zpljd
        89
    zpljd  
       Jul 24, 2015
    我不吐槽页面 我只想知道100元在哪儿?为啥没给我..
    msg7086
        90
    msg7086  
       Jul 25, 2015
    又一个游戏官网诞生了。
    和上次那个卖牛肉干的页游有异曲同工之妙。
    Marcos
        91
    Marcos  
       Jul 25, 2015
    作为设计师提几点建议。。
    1. 我感觉楼主的这种色彩定义过程不是很可取,甚至有些过时。要多多结合当下的潮流色,而不是一味的考虑颜色emotion。
    2. banner有点窄了,蓝色用的有点过多。
    3. 图标的精致度,比例,完成度不够高。

    不过一千个人眼中就有一千个哈姆雷特,这么拿出来汲取众人意见得给设计师多少压力啊。。。。
    blue7wings
        92
    blue7wings  
       Jul 25, 2015
    就在我们公司楼下,进门那个logo酷酷的...
    run2
        93
    run2  
       Jul 25, 2015
    @Marcos 这位是freelancer么?请问接单么?
    还有https://dribbble.com/shots/2157526-Valume-Global 那个 繁体中文的字样和 全e文的其他nav放在一起很突兀,如果再考虑一下的话你会放在哪?
    emmo
        94
    emmo  
       Jul 25, 2015
    只有我觉得流火这个词是误用吗
    along
        95
    along  
       Jul 25, 2015
    注册的时候,区分个人还是企业用户,区别就是团队名和公司名,然后个人用户也要写公司地址……然后登录到后台之后,居然填的团队名显示成公司名……我有点凌乱了……
    colincat
        96
    colincat  
       Jul 25, 2015
    还是不太好看,配色有问题
    ITOutsider
        97
    ITOutsider  
       Jul 25, 2015
    @zpljd 同没拿到。。。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   905 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 296ms · UTC 22:26 · PVG 06:26 · LAX 15:26 · JFK 18:26
    ♥ Do have faith in what you're doing.