The New ISUX

设计推动更好体验，一直是ISUX的设计宗旨，而全新体验的ISUX官网应势而生。从设计初期到最终的设计定稿再到今日上线，反复打磨至最终定稿的状态历历在目。下面将从两大维度来讲解这次官网的改版。

设计维度

一 多平台统一体验

随着科技的进步发展，移动互联网已经深入每个人的生活当中，使用手持设备已经成为用户日常生活中不可缺失的习惯，本次ISUX官网的改版首要目标就是完成多平台的统一体验，保证PC / Phone / Pad 三大平台的设计统一，让用户能随时随地能够访问。

二 阅读体验的提升

 一款内容类网站，设计的核心价值在于其阅读体验，当然文章能否吸引人是最重要的，让用户在阅读过程中磕磕绊绊，我认为这是设计师缺乏足够的细心与耐力，而在当下到处在讲究细致服务的社会中将会被慢慢淘汰掉。

随着ISUX有越来越多不同专业的人员加入，增加了创新产品、品牌、动画视频、设计项目管理等等角色，已经不再是以前四个颜色代表四大专业，更希望新品牌能够代表今天我们共融为一个大团队的精神；新官网的导航舍去了原有的四色风格，采用单色logo，让我们目标更加专注在一致性的设计体验、简洁化界面风格，去凸显功能与内容。

针对首页的交互框架进行了新的调整，突出推荐文章，版式更加清爽利落；新版仍然继续采用十分合理的卡片式体验，新版本对卡片进一步优化，减化骚扰信息并重新调整框架，让用户的关注度重新回落到文章本身；内文的框架设定，老版本的左中右结构，初衷是希望用户能够一屏看完所有核心信息，但是在移动互联网的浪潮下，用户手持设备的使用率已经超过了PC，小小的屏幕无法承载太多，瀑布流的阅读体验更适合手持设备。

三 承载多元化信息

官网改版，不只是为了跟进趋势，也希望更多设计师能够了解ISUX，了解ISUX的设计，了解ISUX的文化，能够倾听更多来自外面的声音。官网的招聘模块，除了“期待你的加入”这几个固定文案以外，更多是为了让用户能够看到每一位ISUX设计师镜头下的一面，有极度的自信，有强大的气场，也有面对镜头的羞射，也有深沉的思考，有工作也有生活，“Wordhard Playhard”是ISUX最真实的写照。本次拍摄，ISUX品牌中心承担了为全部门设计师拍摄个人肖像，如何给接近400人的团队拍摄各自的宣传照，如何能够错开每个中心的工作时间，这里需要精确的时间表和强大的控制力。

技术维度

15年下半年开始，因为服务器经常出现响应慢、卡顿甚至崩溃等问题，我们也做了一系列的技术优化，在这里例举一些。

升级新服务器

官网服务器在一台老爷机上工作，查看一下工作年限已5年多了，15年下半年经常出现响应慢、卡顿甚至崩溃等问题，最后定位到是老爷机磁盘IO的瓶颈，果断申请了新的服务器，稳定性得到提升。

数据代码分离，数据库优化

这个工作是肯定要做的，数据库竟然和web服务在同一台机上运行，也没有做数据备份。申请了内部云数据库，分离数据后，服务器性能想必又得到了一点提升，同时优化原有数据库，删除垃圾冗余数据，进一步提升性能。

支持HTTPS

大家可能观察到了协议头变成了HTTPS，并且支持HTTP/2哦

HTTP/2的优点不用多说：防止网页劫持，增强安全性，保护用户隐私，也让用户端请求的连接数降低提升性能。用支持HTTP/2的浏览器打开，速度明显快很多，现在还保留了HTTP，再观察一段时间后会强制切换到HTTPS。

域名接入公司集群

以前服务器IP直接对外，安全风险也直接暴露出来，服务器每天都在被扫描端口漏洞，每天的日志体积都有几个G，此次域名解析cname到wal.qq.com，接入公司强大的集群网络，不仅可以加速接入联通、移动、电信等运营商网络，还在服务器无形加上一层防火墙，自动过滤恶意请求和攻击，保障服务器性能。

报警、重启、备份机制

接入Uptimerobot即时监控报警；接入了服务器负载过高崩溃时自动重启机制；接入了服务器数据备份脚本。

官网在设计过程中有许多磕绊，但参与改版的设计师都能够抽身于繁忙业务中，能够坐在一起讨论脑暴，中间的跨团队合作给大家带来许多宝贵经验。

最后，希望读者们能在ISUX学习到更多。

欢迎大家访问 https://isux.tencent.com/