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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3430 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

ucloud

官网

logo

97 条回复 • 2015-07-25 16:25:47 +08:00

lzhi

2015-07-23 17:08:14 +08:00

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

fising

2015-07-23 17:09:56 +08:00

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

cnnblike

2015-07-23 17:11:05 +08:00

重新设计了还是不好看

crs0910

2015-07-23 17:13:50 +08:00

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

huafang

2015-07-23 17:16:05 +08:00

丑就一个字，我只说一次

lyhapple

2015-07-23 17:27:30 +08:00

依然很丑，颜色太山寨了

Ellison

2015-07-23 17:29:05 +08:00

还是觉得不好看...

branchzero

2015-07-23 17:34:00 +08:00

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

Tonni

2015-07-23 17:36:25 +08:00

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

akira

2015-07-23 17:36:43 +08:00

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

Huadb

2015-07-23 17:40:18 +08:00 via iPhone

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

kslr

2015-07-23 18:15:11 +08:00

丑，没有青云好看。

huijiewei

2015-07-23 18:16:37 +08:00

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

fange01

2015-07-23 18:18:21 +08:00

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

dianso

2015-07-23 18:19:38 +08:00

感觉一般啊。。。。

koodai

2015-07-23 18:21:33 +08:00 via iPhone

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

linode

2015-07-23 18:24:30 +08:00

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

ipconfiger

2015-07-23 18:27:43 +08:00

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

Mush

2015-07-23 18:46:04 +08:00

先把B机房搞稳定再说吧

wxxshu

2015-07-23 18:52:00 +08:00

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

wxxshu

2015-07-23 18:57:04 +08:00

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

kokdemo

2015-07-23 18:57:59 +08:00

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

typcn

2015-07-23 19:04:34 +08:00

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

eary

2015-07-23 19:06:39 +08:00

好难用

guoer

2015-07-23 19:08:56 +08:00

不光是丑还不稳定

leer561

2015-07-23 19:16:36 +08:00

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

Xxss

2015-07-23 19:19:34 +08:00

@wxxshu 说好的代金券呢?

lujiajing1126

2015-07-23 19:20:47 +08:00 via Android

=_=顶一下

AirSc

2015-07-23 19:26:02 +08:00

又变丑了- -

yoa1q7y

2015-07-23 19:35:12 +08:00

换了一种丑法

hoofei

2015-07-23 19:39:08 +08:00

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

Jonn

2015-07-23 19:51:37 +08:00

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

thinkxen

2015-07-23 19:54:57 +08:00 via Android

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

l12ab

2015-07-23 19:57:42 +08:00

整容失败

walleve

2015-07-23 19:58:54 +08:00

还是觉得丑..

chinassl

2015-07-23 20:13:04 +08:00

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

westoy

2015-07-23 20:16:01 +08:00

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

westoy

2015-07-23 20:17:49 +08:00

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

wdlth

2015-07-23 20:21:21 +08:00

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

xuchkang171

2015-07-23 20:23:01 +08:00

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

SCaffrey

2015-07-23 20:29:42 +08:00

@wxxshu 说好的代金券呢？

shuangchun

2015-07-23 20:30:20 +08:00

真不好看。

wheatcuican

2015-07-23 20:50:24 +08:00

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

Hashell

2015-07-23 20:59:14 +08:00

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

ewex

2015-07-23 21:29:21 +08:00

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

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

jjplay

2015-07-23 21:35:14 +08:00

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

w88975

2015-07-23 21:42:50 +08:00

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

chilaoqi

2015-07-23 22:13:17 +08:00

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

啥是VI啊？

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

rhwood

2015-07-23 22:25:08 +08:00

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

wwlweihai

2015-07-23 22:39:14 +08:00

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

anthonyeef

2015-07-23 22:52:08 +08:00

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

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

0bit

2015-07-23 23:01:41 +08:00

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

visonnn

2015-07-23 23:35:35 +08:00

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

chinafeng

2015-07-23 23:44:49 +08:00 via iPhone

看成Ubuntu……

Stof

2015-07-24 00:04:57 +08:00

@yoa1q7y

赞同

@wheatcuican

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

wheatcuican

2015-07-24 00:33:34 +08:00

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

camillo

2015-07-24 00:43:07 +08:00

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

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

VirgilMing

2015-07-24 00:55:00 +08:00

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

just44

2015-07-24 01:58:36 +08:00 via iPhone

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

haker

2015-07-24 02:00:44 +08:00

logo真心丑

hgc81538

2015-07-24 03:07:16 +08:00

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

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

littlexiang

2015-07-24 03:31:04 +08:00

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

Gandum

2015-07-24 07:02:09 +08:00 via iPhone

@camillo com还在韩国整容呢

lanbing

2015-07-24 08:04:28 +08:00

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

jiongxiaobu

2015-07-24 08:11:16 +08:00 via Android

设计是实习生吗

cheny95

2015-07-24 08:14:20 +08:00

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

simapple

2015-07-24 08:26:45 +08:00

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

maxsec

2015-07-24 08:27:52 +08:00

丑得一比

invite

2015-07-24 08:56:49 +08:00

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

Mysdes

2015-07-24 09:50:42 +08:00

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

mailunion

2015-07-24 10:07:51 +08:00

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

chilaoqi

2015-07-24 10:20:14 +08:00

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

@camillo

robertlyc

2015-07-24 11:16:52 +08:00

还是丑

zangbob

2015-07-24 13:17:21 +08:00

还是丑+1

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

wd0g

2015-07-24 15:08:01 +08:00

一看就是外包做的!

lufeng6

2015-07-24 15:17:12 +08:00

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

paloalto

2015-07-24 15:32:00 +08:00

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

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

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

unique

2015-07-24 15:33:13 +08:00

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

mymon

2015-07-24 16:04:05 +08:00

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

forwuwenkai

2015-07-24 16:24:29 +08:00 via Android

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

flied

2015-07-24 16:28:21 +08:00

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

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

colorfulberry

2015-07-24 16:33:26 +08:00

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

alouha

2015-07-24 17:41:07 +08:00

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

framlog

2015-07-24 18:23:11 +08:00

好丑...

yuyeliu

2015-07-24 18:57:23 +08:00

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

yu1u

2015-07-24 20:56:26 +08:00

@wxxshu 沒有收到代金券

lishali12345

2015-07-24 21:48:08 +08:00

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

laukwanchan

2015-07-24 22:15:56 +08:00

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

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

zpljd

2015-07-24 22:20:50 +08:00

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

msg7086

2015-07-25 00:45:28 +08:00

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

Marcos

2015-07-25 01:55:13 +08:00

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

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