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

[wxxshu]

想当年，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元代金券哦~

[lzhi]

我有两个兄弟在你们公司，我很认可你们的产品。但说实话，网站感觉很一般，真的。主题色调还可以，但局部配色，留白都不合适。第一屏还凑合，剩下的跟一个山寨网站差异不大。建议重新布局。

[fising]

青云官网赞，虽然服务貌似不太稳定。

[cnnblike]

重新设计了还是不好看

[crs0910]

用了活动码，没有代金券。。。

[huafang]

丑就一个字，我只说一次

[lyhapple]

依然很丑，颜色太山寨了

[Ellison]

还是觉得不好看...

[branchzero]

上面导航条，左边导航和右边的登录注册按钮不对齐，真的好难受。
有些区块的元素之间的间距也明显感觉不太对。
不能说难看，但是绝对算不上好看。

[Tonni]

曾经 UCloud 前端帮顶，不过我做用户后台的，现在我看也用 Angular 重写了 ;-)

[akira]

哎？这是哪个游戏的官网？

[Huadb]

好看不好看无所谓，好用就行！

[kslr]

丑，没有青云好看。

[huijiewei]

这个配色。说实话好难看，这种颜色并不适合做平面化方块的。这种颜色做成带有稍许阴影和渐变感觉会好很多，感觉现在的设计师们真的是为了 MetroUI 而 MetroUI

[fange01]

哟，ucloud不是季总做的么。。。大黑客

[dianso]

感觉一般啊。。。。

[koodai]

就没有觉得亚马逊好看过，但是好用啊！
色调分析很认同，但出来的结果依然不美丽。
丑就丑吧……

[linode]

依然丑爆了的感觉，从骨子里丑出来的

[ipconfiger]

丑不要紧，稳定就好了，做的漂亮的每天跪的话，仍然并没有什么卵用

[Mush]

先把B机房搞稳定再说吧

[wxxshu]

@crs0910 您好，代金券发放会有稍许延迟，请稍后再查看一下~谢谢~

[wxxshu]

该活动码仅对前100位注册用户有效，大家手速要快哦~

[kokdemo]

第一次看到宣传自己主页更新的……

[typcn]

@wxxshu 然而延迟了几个小时了

[eary]

好难用

[guoer]

不光是丑 还不稳定

[leer561]

刺眼，尤其是每个模块，颜色都是一样的没重点。像是焦点轮换图下面的模块，大字小子全是纯白，还有页尾，全是纯白，又刺眼又没重点

[Xxss]

@wxxshu 说好的代金券呢?

[lujiajing1126]

=_=顶一下

[AirSc]

又变丑了- -

[yoa1q7y]

换了一种丑法

[hoofei]

这并不是一家做设计的公司！哈哈。

[Jonn]

主色调和配色依然不好看。

[thinkxen]

依然丑爆了的感觉，从骨子里丑出来的+1

[l12ab]

整容失败

[walleve]

还是觉得丑..

[chinassl]

UCLOUND虽然长的不好看，但是实力派，云主机的速度和稳定性还是可以接受的

[westoy]

有种设计师特别牛逼，张口就是各种理论法则、大师观点，听得别人一愣一愣的，就是作品丑。

[westoy]

设计师应该还是用心了，就是整体效果差强人意，如果没有想法，为什么不去模仿？

[wdlth]

顶部的导航栏有点问题，鼠标移到上面，出现菜单后，再移上去，下面菜单就不见了……

[xuchkang171]

说句公道话，漂亮多了。（每条 0.5 元）

[SCaffrey]

@wxxshu 说好的代金券呢？

[shuangchun]

真不好看。

[wheatcuican]

第一眼。。。哎~LOL新英雄。

[Hashell]

打开的时候,以为是运营游戏的....

[ewex]

这蓝能瞎眼。之前还行，现在更难看了。刚打开，还以为转型做游戏了呢

瞧瞧人家青云，那才叫好看

[jjplay]

你们一万多大洋请个设计师 就这样 我也是哭晕在别墅，满屏幕的一抹蓝 跟眼前飞了块蓝抹布一样，哭 哭 哭 ( ▼-▼ )

[w88975]

这字体这么大 你确定真的好看????

[chilaoqi]

"焕然一新的VI传达着何种寓意？"

啥是VI啊？

我不太懂设计，但是感觉这蓝色有点“年轻，活力”，可能和UCloud的游戏定位强相关吧。

[rhwood]

配色让人反感，还没有花15刀从themeforest买的主题好看

[wwlweihai]

不错，很整洁。 云服务公司，提供的服务才是最重要的。

[anthonyeef]

@chilaoqi 我猜是视觉交互吧，虽然不确定。

我也觉得不好看。不知道哪里不好，就是那种第一眼看到，“说不出哪里不好看”的不好看。

[0bit]

管理后台还是bootstrap的原生界面吗？

[visonnn]

没印象旧网站的样子，但新官网看起来还是不能算好看的范畴，只能说及格？

[chinafeng]

看成Ubuntu……

[Stof]

@yoa1q7y

赞同

@wheatcuican

你仔细点看，LOL的英雄图还是挺好看的

[wheatcuican]

@Stof 额，我可以理解为，这是在变相的说这图很丑么。。。

[camillo]

说了这么多……竟然连个官网的链接都没放，尽管可能就是 www.ucloud.com。

……然后发现竟然是cn，com会进入一个韩语网站……

[VirgilMing]

你确定高亮要用那个色调和亮度的 cyan？

[just44]

手机上都没法看。学学 leancloud吧。。

[haker]

logo真心丑

[hgc81538]

無 doctype...
w3 validator 測出主頁有 229 errors...

https://ooo.0o0.ooo/2015/07/24/55b13a5650914.png
https://ooo.0o0.ooo/2015/07/24/55b13b4f4243d.png

[littlexiang]

看看人家七牛和LeanCloud...
当然了 一个官网而已 老板喜欢开心就好...

[Gandum]

@camillo com还在韩国整容呢

[lanbing]

比以前更丑，这次去韩国不行了，得去泰国。

[jiongxiaobu]

设计是实习生吗

[cheny95]

那个ucoud蓝 不就是蓝紫色吗..满屏的蓝紫色看成瞎子了.
Nav下拉真的也要做成全部拉下来吗...
多学习七牛和青云..服务我没用过,官网至少好看...

[simapple]

降价 才是最重要的 页面再花哨有毛用

[maxsec]

丑得一比

[invite]

这配色，哎，难看的一塌糊涂啊。

[Mysdes]

一点小建议，还是别整版的用品牌色吧，需要一点辅助色
疯狂的用色块来组织内容，没了呼吸感
合作伙伴logo别简单的用 css 去色，会导致各种灰度看起来极为不统一

[mailunion]

满屏一个色调，品牌 Logo 不突出。
目测楼主自以为做的不错，没想到被打脸。

[chilaoqi]

没有com域名好悲剧啊， 比如 ucloud, daocloud, 以及各种 .io

@camillo

[robertlyc]

还是丑

[zangbob]

还是丑+1

不过就算设计的再漂亮，个人用户不让用也是差评。@wxxshu

[wd0g]

一看就是外包做的!

[lufeng6]

还是丑啊，丑就算了，不发出来我们也不会说什么，偏偏还洋洋得意发出来说，找打

[paloalto]

其实页面整体的布局还好。

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

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

[unique]

- - 楼主别哭 站起来继续撸

[mymon]

说实话，颜色用的真是无语！

[forwuwenkai]

那个logo不好看。。。不喜欢这种设计，感觉只是PS再加一点点修改。。。文字的logo设计我觉得比图案设计更难，还不如设计一个好看一点的图案

[flied]

1.面向企业用户的网站，稳重很重要，要让用户有安全感和信心。
2.科技色蓝色是没有问题的，但是的蓝色太多了，而且颜色太深了，会让看的人有一种恶心的感觉。蓝色要配合着白色一起上。
3.首页这张自由之战的图太low了，你们是企业网站，不是游戏网站，客户案例也不能这么用，比如拿过来压一下颜色，只描一个线框如何？
4.轮播的四张图，四个主题色，最后一张更是不合时宜。

最大问题，蓝色太深了，蓝色太深了，蓝色太深了。

[colorfulberry]

然而并不怎么好看！ 3D彻底一点或许更好看

[alouha]

太low 了，说完，我去官网看下……

[framlog]

好丑...

[yuyeliu]

你知道吗？用户很懒的，你都不给个链接

[yu1u]

@wxxshu 沒有收到代金券

[lishali12345]

确实不咋滴，重新设计的也不咋滴，找个专业的设计公司帮帮忙吧

[laukwanchan]

最重要的是保持服务的可靠性。

你看Google.com的首页多简单，也没你们所说的什么动感什么扁平化现代感...

[zpljd]

我不吐槽页面 我只想知道100元在哪儿?为啥没给我..

[msg7086]

又一个游戏官网诞生了。
和上次那个卖牛肉干的页游有异曲同工之妙。

[Marcos]

作为设计师提几点建议。。
1. 我感觉楼主的这种色彩定义过程不是很可取，甚至有些过时。要多多结合当下的潮流色，而不是一味的考虑颜色emotion。
2. banner有点窄了，蓝色用的有点过多。
3. 图标的精致度，比例，完成度不够高。

不过一千个人眼中就有一千个哈姆雷特，这么拿出来汲取众人意见得给设计师多少压力啊。。。。

[blue7wings]

就在我们公司楼下,进门那个logo酷酷的...

[sobigfish]

@Marcos 这位是freelancer么？请问接单么？
还有https://dribbble.com/shots/2157526-Valume-Global 那个 繁体中文的字样和 全e文的其他nav放在一起很突兀，如果再考虑一下的话你会放在哪？

[emmo]

只有我觉得流火这个词是误用吗

[along]

注册的时候，区分个人还是企业用户，区别就是团队名和公司名，然后个人用户也要写公司地址……然后登录到后台之后，居然填的团队名显示成公司名……我有点凌乱了……

[colincat]

还是不太好看，配色有问题

[ITOutsider]

@zpljd 同没拿到。。。