说一说像素艺术
! q+ d$ e/ w) f/ N1 v" o1 f" E这里主要讲讲电子世界里的像素艺术。在现在动不动都矢量化,扁平化,3D化的时代,像素这个东西已经开始慢慢地淡化出我们的生活中了。像素艺术这个东西和当年贫瘠的电子产品资源(低分辨率、低网速、低存储)脱不开干系。但当年确实有这么一帮子家伙,天天在研究如何去更好的平衡产品的美观与实用。/ O% x& [1 o# i+ u" Y" q
6 s1 Q, D* L: y+ i+ u5 W
" z: I# U6 ^, J1 z' `& F6 w: |. O! {9 Y8 b8 E0 k6 g3 }
7 A! C5 N2 `1 b
0 s0 O9 s O" N y i9 y像素艺术最早作用在旧电子时代的网站/插画/UI领域,涌现出非常多的经验和方法。许多设计和插画网站上都有系统的文章,比如当年的像素森林。# S# \4 B- M; Y7 f! ], m# @
% d( b6 I2 H1 L$ A J0 O
7 {- K5 ]3 R3 J' e0 e- u, Z* p) ~
* j! G$ Z1 T# W0 u' H
; E B& l# w4 f
5 m: q$ V# _5 b) v* W V7 g. N/ D% E9 H% r, ^ l4 \
' M+ }- w" X0 q% ?4 W4 j0 M
* S+ [, y+ i0 [* s! e. o% d% [
- k6 n7 k9 p5 w7 \1 E
. V. I, m: ]# M# b- h而像素艺术在图标的设计上也是一门学问。记得当年有不少的教程指导UI新手们如何去在低像素下保证足够的辨识度与清晰度。现在许多UI行业的大神,都经历过那段一像素一像素扣细节的时代吧。
r$ a$ f( i: Z& {1 P/ h- m
: |4 C* |: S, H* K2 }) x
0 y# \0 m7 u! s0 N2 v, W& T% d
7 t6 b" h/ [) U' E5 E' U7 z0 R! A8 ?5 e7 A" V6 C6 `8 u: j. l$ ?
+ _* y( L# r) {1 w- B) z) Y
$ |3 Y- P& f2 T" R
; E1 |0 O& r; F; R. g q ]
对于一套完整的图标,16px,32px,48px尺寸下的图标都是需要重新绘制的,甚至为了适配不同的设备,2色,16色,256色的图标都需要出一套。
- C: \+ t& X+ \1 K8 C. k/ ]7 ]
0 m; b" I6 q- K$ {
, h8 N# c/ h, M' `, _3 S H1 ] c
7 m W: _3 F' ^$ F* d# }% e" b1 q* i' d0 s: u! |: C0 h! U, w4 F
而为了设计一套完美的图标,设计师可以做到什么程度?GUIC2008年金奖作者 iconboy的获奖作品令人印象深刻:
; D9 T. w1 K3 b2 K6 q7 j) w
; c2 g4 E4 }, o8 ~" h- h% R6 T, Y }( w1 J1 o1 c+ j1 F
& T' Y7 T& L) v% Y
3 V5 e, X6 T- b8 j' ^7 {) R
这套图标在大尺寸上都是立体斜60度角的表现形式,这样可以得到视觉上的强烈冲击感。而为了让图标在小尺寸下实现最好的空间利用,一套100多枚图标,每一枚图标在16像素下都进行了重绘。
( s9 }2 t! x; Q) T1 s& ?) d5 Q4 i. U: P- M
而其他岗位的设计师,也曾经有过对解决像素问题废寝忘食的时候,可参看字体大师Matthew Carter在TED上的演讲:1 @5 g p. p% {7 f+ |. V
; I. U' t- c' G: ]0 P5 j+ W) b
http://v.youku.com/v_show/id_XNzkzODQyOTI0.html?from=y1.2-2.4.13* o( y! }- l- `5 |, e
F3 J% d2 E; G, F7 y
Matthew Carter:我的字体人生 http://v.youku.com/v_show/id_XNzkzODQyOTI0.html?from=y1.2-2.4.13
% X/ r1 U! d6 }8 \2 F# f
' J1 v2 m1 K& _现在的电子设备随着分辨率越来越高,字体早已矢量化,对16px,32px这类小图标的需求也已经越来越弱。在追求扁平化,极简设计的年代,我们也很难看到设计网站上有这些对每一像素都细针密缕的作品了,但是有个领域,还经常出现着像素艺术的表现形式。& Y* a% p) E9 r! j2 v
2 D$ {0 A( G, }- u7 b, r9 p6 r0 p9 }6 e2 W
' ^* \0 c' v; S6 R" d! ], T/ h. H I: L0 H+ H
5 p* M% o* ~5 o" A" j# m* P3 }8 x) R
4 J4 w; n; G7 w! q( B" g& A+ ~
9 t; Q! X# m- l. K
+ g) k' H+ p/ H; K7 K现在的游戏中,像素风格往往被冠以“怀旧”“亲切”的称号,但是在某些未经历过像素时代的人来看,也存在着“破旧”“画质差”“老土”的印象。+ |5 C% t& C! x/ t% F
在我看来,像素化的魅力,却恰恰是通过减少视觉上的维度,让受众在脑中有了更多的想象空间,从而观看者与作品之间产生了一种潜意识的“想像互动”
- _) r5 i2 W% X2 D, G+ ?+ f2 x( D# r1 ~; {
/ b: j* M4 r* _ h% L+ |- \
& ]! e3 U) ?9 h9 H$ m( f" W; C4 F! R1 Q. b
4 h$ r. j y+ B- c
7 `; _/ E# @! \2 T" d; C7 u1 Z举个例子,马里奥系列3D化带来视觉上提升,但是你仔细回想起来,恰恰是马里奥大叔的模糊不清,让你没法确认这个大叔是在微笑,还是愤怒?远处的山峰又像是一个怪物。这种与现实世界强烈的错位感给你带来无穷无尽想象。
, `! S! b* I; J! O8 Y像素艺术的魅力是无可替代的,也许未来会逐渐趋于小众,但藏其背后的是一种很高级的艺术。7 s8 R% Q r5 V
3 }- g$ ^% b: C4 y最后贴一张利用像素艺术赚了大钱的东东。(许多不认识的朋友第一句话是“这游戏画质好差啊”); X! x/ X- H' O z4 O5 F9 o
; w, [) K1 q) Z8 M* A* Z( p4 R1 r
4 C! y: m2 d! z r# I. O9 m: J6 }
s' c: U: f, O! x# B——————
5 u% a! _" f# G9 U我的公众号: MOCAidea ,没事吹牛逼 |