作品案例

案例逐步添加中,我们的要求是下一个永远更好

LBE安全大师——简约科技与动感线条的完美融合

friday 17 june 2016 at 18h47

Categories : 用户体验, 营销类, 网站, 平面, 移动端APP, 品牌设计, 产品视频

项目背景:

LBE科技是国内领先的移动互联网开发商,围绕手机安全、虚拟引擎,推出了LBE安全大师和LBE平行空间等知名产品,为全球超过2.8亿用户提供更便利、更安全的移动产品及服务。截至2015年底,LBE已获得2.8亿用户的青睐,月活跃用户超过5000万,覆盖全球100多个国家。于2016年五月初找到优意联创,希望将目前的网站设计的更加具有科技感,视觉上更加的大气。

项目目的:

针对LBE的产品特性,将扁平化颜色及简约的线条进行完美糅合,突出LBE所具有的科技感及安全性,使整个页面保持简洁清爽的风格。网站上线地址:http://www.lbesec.com

锋锐鲜明的线条搭配赋有科技感的图案

用户一般进入网站,首先映入眼帘的是处在网站顶部的banner,网站的整体风格banner起到很大的决定作用,所以在设计首页的banner时,我们在几千张高清大图中,反复的筛选,直至选出符合LBE风格并且极具科技感的图片。并且在图案上配上锋锐清晰的线条,使整体看上去更有科技感。

每种功能特性赋予独特的扁平颜色

针对LBE的几个功能点,我们将不同的扁平颜色赋予给它们。青蓝色的加速大师,突出稳定可信任的产品特性。薄绿色的安全大师,代表着安全无毒的质量保证。江户紫将用户的隐私牢牢的保护起来。而清新的柠檬黄赋予用户最高的授权权利。利用这四种对比感极强的扁平色将每个功能点更加清晰的展现在用户面前。

灵活运用相邻色,打造精致图标

Banner上的扁平图标是根据每个banner的颜色选取它所对应的相邻色,两者搭配一起即能给人一种和谐感,同时又赋有层次感。在扁平的色彩上搭配渐变色的按钮,使之更加醒目,突出按钮的可操作性。与此同时,整个网站的图形都是以简单线条手绘而成,使整个界面简洁大方。

九宫格式排版布局,页面统一化

页面正中的显示区域,优意采用栅格化的九宫格形式,使整个内容清晰的展现在用户的面前,同时也自适应各种大小的屏幕。按照一定的布局去展示网站的主次内容优先级,将主推的内容放在了最大的banner下面,三个卡片展示上,其他的普通内容则在下方以列表的方式展示,底部则是一些标签分类的链接。

在此次项目中,我们将视觉化放在很重要的一个位置上,整个网站的扁平配色及页面布局经过精心的打磨,在界面上尽量简洁扼要的展现出LBE所想展示的内容,同时配合响应式布局,在原则上尽可能保持简单轻巧的排版布局。整个网站化繁为简——这也是LBE所想带给大家感觉。