网站品牌和登录有啥关系?
其实是因为在修改「登录」的设计的时候,引起了对网站品牌的思考问题。一个网站的整体 UI 设计,包括 Logo、配色、字体、布局等小细节之外;还有大页面的构成,包括网站会员的入口登录、注册页面还有网站展示页面等。
想要网站通过 UI 设计来传递出品牌的概念,基础产品界面的规划和统一必不可少。而最能让用户记住的你的 品牌,莫过于「登录」的设计。
两个登录页面设计
就举两个响亮的公司的网站,一个是苹果的 iCloud,一个是 Google。他们都在今年将登录页面进行了重新设计和优化,个人认为这应该算是引领潮流般的设计。
自从 ios7 更新了 UI 设计风格之后,iCloud 也恍然一新,更加 flat 而简洁。
- 高亮的登录主功能区域,大的 Logo 表示当前用户是在使用 iCloud,两行输入框简洁明了。
- 使用高斯模糊的背景下面,是隐藏的 iCloud 各个应用,给予用户一种暗示:登录之后就能使用这些服务了。
- 页面色调和谐清新,没有距离感,居中位置,更加突出功能性。
话说回来,和前一版本的 iCould 对比,很清楚地知道网站的品牌 UI 设计发生了变化。一下子从拟物、雕琢细节到平面化、多色彩清新。然而作为用户,我是第一眼就接受了,并且印象深刻。
而最近,Google 也更换了登录界面。
- 第一眼应该算是蓝色的登录按钮,是一个行动点,入口要做的抢眼功能达到了。
- 大的登录框下面,同样会告诉你登录之后可以享受什么服务。
Google 之前的登录是左右分栏布局的,这次居中显示了。这次的登录页面,新增了不少的功能,例如用户头像、切换用户,但依旧不减简洁。
要想证明登录的设计是否和网站品牌有关系,一个最简单的例子。更换掉上面两个界面的 Logo 看看,是否还是觉得「抄」来的?
韵在哪里?
一个登录页面要做的功能很简单,就是让用户输入账号、密码,完成身份验证。很多网站的登录都是在做这样的一件事情。这是一个关键路径必经之口,用来传达网站品牌理念再好不过。
然而怎么使得用户一眼就能体验到你的品牌理念呢?如上,「韵」就在于别人抄不来。
徘徊在品牌和登录页面之间的设计
看好的网站,评好的页面,你我都会。而做好一个网站,未必。如何设计好一个具有「品牌」概念的网站,有几个要点:
- 品牌基调沉淀,品牌理念明确。
例如 iCloud,新版的设计风格让其登录界面焕然一新;云 Logo 和苹果的 App ICON 设计相衬。 - 登录页面功能简单,围绕品牌基调设计,要有特色。
例如 Google 登录,蓝色的按钮特色;大、高而和谷歌首页搜索输入框一致的输入框,具有统一的风格。 - 创新融入。
新技术的应用必不可少,HTML5 本地存储、CSS3 响应式布局等。
我只要设计一个登录页面,我没有「品牌」设计。那该怎么设计好?
最近半年,我也很郁闷。有一班人是设计和定位网站「品牌」,却迟迟未出结果。而登录页面已经跟不上节奏,满足不了需求,重新设计困难重重。
权宜之下,做好一个登录页面,让用户体验更舒服的网站服务就好,「品牌」?扯谈。
个人觉得一个好的有会员服务的网站,至少「登录」页面需要这样:
- Only ONE -- 只有一个登录入口。
- Just for Authentication -- 登录框功能就为做身份验证,页面元素就只有 3 个:用户名、密码和登录按钮。
- Service Introduction -- 告诉用户登录之后能干嘛。
- Simple and Safety -- 用户看到的就是最简洁的,登录后是安全的。
后话
当我感慨别人的「登录」页面设计有多好多好的时候,也开始着手设计一个新的登录页面。
不为品牌,只为更简单,更安全的用户体验。