Posts Tagged ‘design’

五款 Twitter 主题在线制作工具

Posted in 在线应用 on 十二月 13th, 2009 by LeON – 2 Comments

twitter-home

随着 Twitter 的重要性日渐提升,个人主页的设置也变得十分重要。尤其是 Twitter 主题(包括背景图以及配色),虽然自己大多时候都看不到,但仍然是不能不顾及的门面。今天 Geedr.com 就介绍五款在线制作/下载 Twitter 主题/背景的应用。

read more »

Apple 的辅助设计元素

Posted in 产品设计 on 九月 13th, 2009 by LeON – 17 Comments

theres_something_in_the_air

金属质感与反光,彩虹般的颜色组合,镜面反光与倒影,大量的空白背景与简约设计,大字号的产品介绍。如果你看到上述一些元素组合在一起,多半这里是 Apple Store 。

Apple 无疑是在数码产品与 IT 行业中最成功的设计公司,Apple 的设计思路影响了这一代的竞争对手、设计师以及消费者,一些设计元素(如前述)几乎成为 Apple 的第二标志。本文从一个普通消费者的角度来谈论这些帮助建立 Apple 企业形象的辅助设计元素,看看 Apple 是如何运用这些不起眼的细节吸引消费者的。

 

网站设计
大即是美

apple-homepage 

进入 Apple 官方网站首页,抛去网页各个模块加载速度不同不谈,一般人首先都会被中央的大幅宣传照片吸引。这一部分通常占据了整个首页页面面积的 70% 以上,放置了热卖的某个产品图片、最新上市的某个软件宣传画。

与其他传统公司网站不同,Apple 只在首页推荐一款产品,而要查询其他产品则要通过上方的导航条或者下方稍小的介绍图片进入。并且,Apple 也不为单一产品建立网站,例如输入 www.ipod.com 会转入 Apple.com 的 iPod 系列页面中。Apple 也大量运用精致的产品图片配上少量的文字来解释产品的特性,通常是一张图片 + 一句话简介 + 寥寥几行稍详细介绍,力图用图片来吸引消费者而不是详尽的文字。

另外值得一提的是,Apple 在其网站上几乎不用几乎是网页标准的 Flash 来展示产品,而是“固执”地使用自家的 Quicktime,想要看更多内容?请先下载 Quicktime,Apple 又傲慢地完成了一次产品推销。

 

产品与包装

ipod-nano-colorful1

photo via NYDailyNews by Sullivan/Getty

apple-ipod-sept-09-1396-rm-eng

photo via engadget

关于 Apple 的设计已经无需老生常谈,但是 Apple 爱使用彩虹般的配色则毋庸置疑。只要可能,Apple 可以将某个产品制作成很多种不同颜色的款式。从最开始 iMac 五彩显示器到现在 iPod nano 多达九种颜色,并且 Apple 总是将它们以非常漂亮的方式排列起来,让消费者看起来就像是彩虹一般的产品。

ipod-nano-colorful2

如上图,显示屏中唱片封面的颜色跟 iPod nano 颜色是一致的。

3-ipod-touch

而在最近的一些手持设备中,Apple 也越来越喜欢运用大面积反光强烈的不锈钢材质,我自己有个女性朋友就戏称她买 iPod Classic 就是拿来当镜子用的。虽然不锈钢无法抵挡擦挂、指纹的破坏,但 Apple 也越来越喜欢强调金属质感与反光。如上图,三台 iPod Touch 这样摆放,想不被那迷人的“背影”吸引都难。

iphone3gs-unbox

photo via flickr by whiteXbread 

Apple 产品的包装我相信每一位 Apple 用户都会赞不绝口。Apple 不用透明塑料袋,也没有绑线用的铁质扎丝,每一根线缆都很完美得弯曲在透明封套中,而产品、说明书也是非常整齐合理得“挤”在包装中。换作其他品牌,这几乎是不可能的事。

 

平面、电视广告
简约

im-a-mac

上图是著名的诋毁微软系列广告 Get a Mac 中的截图,画面中只有白色布景和两个分别代表 PC 和 Mac 的演员。实际上 Apple 一致是如此:大部分的广告与宣传画不需要背景衬托,通常是朴素背景(黑、白、灰),完全靠产品本身的设计,这样的做法使得产品更加素雅。就连大部分的电视广告、教学影片中,也只出现白色背景、产品和把玩产品的手,最多再加一个来自 Genius Bar 的工作人员。当然不仅是广告,前面讲到的 Apple 网站设计、包装设计都遵循这一规则:最小化的背景,最大化的产品照片

Apple 的推销邮件也是如此,每当有新产品上市时 Apple 都将发送新产品的推销邮件。虽然其他公司也是如此,并且也使用 HTML 让邮件更漂亮。但 Apple 的邮件看起来就像他们的官方网站一样美观:同样的留白、大字体、清晰的产品照片,并且布局也力求与网站布局一致。

ipod-mail

实际上 Apple 很喜欢这样的宣传方式,无论是 Apple 各种大会上的 Keynote、平面广告、电视广告还是邮件上:左右交叉布置的产品照片,大字号的产品一句话简介或描述,几行稍小字号的详细介绍

 

如果说这样的设计有什么问题的话,那就是 Apple 在将来是继续保持这种风格,还是突破自我打破陈规,抑或走中间路线的问题了。毕竟从设计美学上来讲,还没有如此庞大的公司与它抗衡。生于忧患而死于安乐,缺少竞争从来就不是好事情。

欢迎各位朋友发表自己的观点、看法,现在发表评论有机会赢得 GeekCook 送出的抱枕哦!

6 款热门智能手机 GUI PSD 模板

Posted in BlackBerry, Palm Pre, 产品设计, 移动电话 on 八月 21st, 2009 by LeON – 3 Comments

mobilephoneguipsdtopicbanner

智能手机(包括普通消费级手机)除了比拼功能、比拼操作系统,UI 也是几乎所有消费者最看重的买点之一,iPhone 就算是最成功的例子了。

今天 Geedr.com 就带来 6 款当今热门的智能手机 GUI (Graphical User Interface) 的 PSD 模板,包括 iPhone、Palm Pre、Android、BlackBerry 等等。对于开发者、设计人员以及相关网站人员来说,这是相当实用的设计资源,大部分的模板当中的内容都相当丰富,并且可定制性极高。而对于智能手机爱好者来说,这些模板也是非常值得收藏的作品。

 

1. iPhone OS 3.0 GUI PSD

iphonegui_3_0

官方下载 | Skydrive 下载

另附送更多关于 iPhone 的设计 PSD 模板,点击这里。以及一个 iPod Touch GUI PSD,点击这里

 

2. HTC Magic G2 Android GUI PSD

androidguipsd

官方下载 | Skydrive 下载

3. Palm Pre GUI PSD

palmprepsd

官方下载 | Skydrive 下载

附送 Palm Pre 官方壁纸、背景与官方图标下载,请点击这里这里

 

4. BlackBerry Bold GUI PSD

Blackberry PSD By DP Studios preview

官方下载 | Skydrive 下载

 

5. HTC Touch Diamond Windows Mobile GUI PSD

htctouchdiamond

官方下载 | Skydrive 下载

 

6. LG Arena GUI PSD 下载

lgarenaguipsd

官方下载 | Skydrive 下载

 

Update: 最后附送一个 Nokia S60 的 GUI 模板,不过是 Adobe Illustrator AI 格式的,但这个模板是 Nokia 官方提供的。官方下载在这里,Skydrive 下载请点这里

以上所有模板都放在这里,方便大家下载。

Posterous 悄悄推出自定义模板功能

Posted in Web 2.0 on 七月 23rd, 2009 by LeON – 6 Comments

posterous-logo

煋话社报道,Posterous 今天悄悄推出了用户期待已久的自定义模板功能,这个功能目前没有公开的入口,需要在你的站点 URL 后面加上 “/theming”即可进入

Posterous 的自定义模板功能非常强大,不仅可以从官方模板库中选择现成的模板来使用,也可以通过 HTML + CSS 来自己编写,甚至还可以让用户导入 Tumblr “引以为傲”的模板。

虽然已经悄悄推出了这个功能,但实际上用户们还无法使用,目前 Posterous 只是将开发参考文档和功能公布出来。如果你需要自行设计模板或者需要导入 Tumblr 的模板,则可以根据它们详细的参考与范例文档来工作,分别是这里这里

各位用户就摩拳擦掌等待 Posterous 正式公开宣布这个功能吧,应该等不了多久 :)

via FriendFeed

Issuu: 杂志类PDF印刷品分享社区

Posted in Web 2.0 on 一月 28th, 2008 by LeON – 1 Comment

Issuu对于那些学习平面设计、装帧或者喜欢看电子杂志的朋友来说绝对是一个非常好的地方。它是一个发布、分享个人PDF作品并浏览、学习他人作品的站点,在这里你可以以电子杂志的形式发布并浏览基于PDF格式的印刷品、书籍、杂志和平面设计等等。

Issuu的界面做的简约但又十分易用,在首页上就可以看到众多的作品,其中大多都是电子杂志这种类型,当然也有单页的设计作品。杂志浏览器基于Flash,做的很不错,既有翻页的效果,目录也是类似Youtube播放器中相关视频的显示方式,同时可以放大观看这些作品,很方便。发布自己的作品时只能上传PDF格式,限制为100M、500页以下。

当然作为一个Web 2.0社区,社会化是必不可少的。在注册时就可以寻找在自己常用邮件服务的通讯录中正在使用Issuu的朋友。在查看某个作品时,用户可以直接选择将这个作品通过Email发送、添加到Issuu书签和社会化书签、添加评论或者获取其嵌入代码转载到其他地方,当然你也可以直接将其打印出来。其中嵌入网页的是一个可自定义的迷你浏览器,小巧美观的同时功能也没有减少,下面就是一个作品例子。

(如果您是RSS读者且无法正常浏览下面的Flash,请点击这里跳转)

 

 

 

 

Visit Issuu

Game Card Remote: 像玩扑克一样遥控电视

Posted in 产品设计 on 一月 22nd, 2008 by LeON – Be the first to comment

 

Sungwoo Park设计的这款扑克牌遥控器不仅外形像扑克,连操作方式也跟赌神玩牌时一模一样。遥控器由“两张牌”组成,垂直移动第一张牌便可以控制音量,左右移动便可以控制频道,蛮不错的想法。

 

 

 

from Yanko Design