登录图的趣味设计

标签: 视觉设计 | 发表时间:2012-12-22 19:31 | 作者:山木
出处:http://www.aliued.cn

登录图趣味设计

阿里巴巴登录页面左侧一直都会有个banner,这个图片因为位置、环境的特殊性,跟我们平常做的首页banner的设计思路会有所不同。首页banner更注重的是信息传达,登录左侧的这个banner偏重情感化设计,情感化设计除了节日、事件的氛围之后,还有就是趣味性。

趣味设计是一个比较大的概念,在这里我狭隘的把趣味设计分成两个部分来介绍,1.主体元素的创意;2.背景元素的处理。每次在做这个banner的时候,都非常的纠结,当然最纠结的地方就是创意,虽然创意是给非常主观的东西,但是我们还是可以通过对一些元素处理找到创意点。

A.线描——来自现实场景,超越现实场景的表现力

线描的方式是我比较常用的形式,这种形式相对简单,很容易上手,效果也比较有张力。先找一个相对合适的场景,对着现实的场景勾出想要的线条,再对线条进行粗细、颜色的调整。举个例子如下:

1.如果我们需要一个仓库的线描场景,我们先找到一个满足我们需求的仓库场景,对场景进行线描绘制。

线描场景

2.画出线描后根据背景色的主色调对线条进行粗细及颜色调整。然后再添加一些实物做一下对比。

线描场景

3.同样的方法,绘制其他与之相关的元素,组合到一起,最终效果如下:

线描成功稿

B.夸张——原本是1,表现为3,让1+1>2

夸张的手法我们见的非常多,以现实实物为蓝本,用夸张的手法来表现实物,使之更具表现力。以此来吸引用户的目光。下面例子为冬季采购的banner设计。

1.跟线描一样,找一个类似我们可以用的场景图片,用卡通的形式绘制货车,对局部细节进行适当的夸张,贴近自己想要的感觉。

夸张1

2.有了这个基本元素之后,把货车的层高加至3层,夸张我们平常印象中的货车,增加货车表现力。

夸张手法2

3.一层的货车被夸张绘制成三层之后,增加了货车的表现力,同时增加了货车的趣味性。后面只需要添加一些辅助性的元素,加强主题所需的氛围即可,最终效果如下。

夸张效果图

C.重构——对现实的实物进行重组,再设计

重构在工业设计中用的比较多,这种设计方法尤其能体现趣味性,本来不相干的几个事物,通过重构再设计,组合在一起的时候,会给人眼前一亮的感觉。

1.灯泡和建筑都是我们生活中比较常见的事物,二者组合到一起的画面不是很常见,当我们想到这两个元素的时候,通过重构、正负形等设计手法,让他们联系到一起。

重组素材

2.主体形状有了之后,灯丝是我们设计最好发挥的地方,把主题文案与灯丝相结合。

重组过程

3.通过对灯泡形状、灯丝和建筑三者的重构再设计,让三者融合在一个画面里面,改变了一般灯泡的感觉,增加了灯泡的趣味性。

重构效果

 

画面的主体元素确立后,背景的处理相对就简单些,背景处理大部分是通过 笔刷、色块堆积、不规则形状、羽化、水粉等手法进行处理。处理方式大家各有各的方法,这里给大家展示一些背景处理的案例。

笔刷效果

色块堆积

不规则形状

羽化效果

水粉

设计理论和设计方法肯定非常的多,这里只是介绍几种,希望大家能再补充。欢迎大家随时拍砖。

相关 [登录 设计] 推荐:

登录图的趣味设计

- - 阿里巴巴(中国站)用户体验设计部博客
阿里巴巴登录页面左侧一直都会有个banner,这个图片因为位置、环境的特殊性,跟我们平常做的首页banner的设计思路会有所不同. 首页banner更注重的是信息传达,登录左侧的这个banner偏重情感化设计,情感化设计除了节日、事件的氛围之后,还有就是趣味性. 趣味设计是一个比较大的概念,在这里我狭隘的把趣味设计分成两个部分来介绍,1.主体元素的创意;2.背景元素的处理.

设计一个可扩展的用户登录系统(第三方登录)

- - 企业架构 - ITeye博客
在Web系统中,用户登录是最基本的功能. 要实现用户名+密码登录,很多同学的第一想法就是直接创建一个 Users表,包含 username和 password两列,这样,就可以实现登录了:. id | username | password | name等其他字段 ----+----------+----------+---------------- A1 | bob.

Web页面中的“门”—Web端登录页的设计

- - 百度MUX
登录页是用户进入网站的入口,就像是我们进家、进公司的“门”一样. 试想我们处在一个四周都是门的环境,我们会选择推开哪一扇门. 这一扇门哪些地方有吸引我们推开的魅力. 其实这些问题同样适用于登录页面,对于登录页面,是否有足够的魅力让用户在登录过程中不感到烦躁,是否能准确的区分所要填写的信息(如:是填用户名或是电话,快速切换的按钮在哪等),是否能准确找到登录或注册按钮,这些元素的视觉层级与交互关系,直接影响着整个页面的体验.

拒绝平庸——浅谈WEB登录页面设计

- - 腾讯CDC
  用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客. 古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,“门面’就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的“门面”.

跨域单点登录系统的设计与实现

- - CSDN博客推荐文章
跨域单点登录系统的设计与实现. 一、跨域单点登录系统整体设计. 如上图所示:在系统存在一个认证中心以及多个站点. 用户信息统一由认证中心管理,在其它子站的登录均会跳转到认证中心来登录. 单点登录系统的关键在于,当用户从一个子站登录后,它会在认证中心生成ticket标识,只要该标识存在就代表用户已经成功登陆了.

从登录开始

- - 博客园_知识库
  那就先来看看为什么而做.   就数据而言,网站的流量仍是大量的匿名用户带来的. 我们无法根据请求的任何方面(ip地址,用户代理等)准确识别来自同一人的连续请求.   不能识别,自然无法对其分类进而转化挖掘,获取网站所需的价值.   互联网服务于人,要开发一个真正令人动心的网站,我们必须触达到浏览器后面那些活生生的人.

jass登录认证

- - 行业应用 - ITeye博客
Java 认证和授权服务”(Java Authentication and Authorization Service,JAAS)是对 Java 2 SDK 的扩展. JAAS 可分Authentication和Authorization. 1)  Authentication:认证用户身份. 通俗的来说就是哪个用户在执行操作.

登录密码与HTTP Request

- - 博客园_首页
我们知道,在一些主流的浏览器中按F12,就会拉出一个查看web访问详细信息的窗口,在firefox中叫firebug,在chrome或者IE中,则叫developer tools,他们功能都大同小异,当然,比较重要的自然是查看http request与response, 幸运的是,这三个工具都把其放在一个叫Network的tab下面,虽然显示格式略有不同,但基本信息都是一样的.

SSH的登录限制

- - 操作系统 - ITeye博客
从网络来的数据包首先要经过iptables,所以可以在iptables上面加上规则来限制ip的访问. 比如只限制3个外网,1个内网IP连接. 直接在/etc/hosts.deny里面加一行. sshd: ALL EXCEPT xxx.xxx.xxx.xxx(允许的ip或网段). sshd: ALL EXCEPT xxx.xxx.xxx.xxx/255.255.255.0(允许的网段) 就可以了.

cas配置单点登录

- - 开源软件 - ITeye博客
        最近一段时间研究的cas,不知道是什么原因,可能自己最近太浮躁了,没有沉下心来去研究,所以一直拖着,将近拖了一周半的时间,上周的周总结,确保一定要解决的问题,今天还是横下心来,处理完这个问题,我是一个对于技术痴迷的人,对于现在研究出来这个结果非常高兴,与大家分享一下:.        注明:本文所讲的至少怎么配置,但是具体的原理和细节会在稍后的时间里更新给大家,如有不对的地方希望大家指出来,共同学习和探讨一下.