Tagged

趋势

A collection of 13 posts

幻灯

66个网页设计中完美的幻灯展示实例

中文原文:[66个网页设计中完美的幻灯展示实例](http://www.qianduan.net/66-perfect-slideshow-presentation-examples-in-web-design.html) 译自:[66 Examples of Perfect SlideShow Presentation in Web Design](http://www.instantshift.com/2010/02/05/66-examples-of-perfect-slideshow-presentation-in-web-design/) 请尊重版权,转载请注明出处,多谢!- - - - - - 我最近注意到的一个非常有趣的趋势是在**幻灯演示**中展现关键信息。现代设计师喜欢尝试并观察用户如何与作品进行交互。尽管幻灯并不是一个普遍的趋势但是依然作为新的设计风格而不断涌现,而且越来越多的设计师注意到它并在他们的作品中使用,这种新的趋势开始崭露头角。 在本文中,你将发现各种高度创意的、漂亮的、独特的、以及最有灵感的幻灯效果设计。当然我们这里并不是要你跟随某种趋势,而是希望能够激发你的创意并启发你的想象力以创建你自己的独特的设计,因为你的网站(

iphone

网站设计趋势: iPhones

原文:[网站设计趋势: iPhones](http://www.qianduan.net/web-design-trends-iphones.html) 译自:[Web Design Trends: iPhones](http://www.leemunroe.com/iphone-websites/) 版权所有,转载请注明来源,多谢!- - - - - - 众所周知当前(甚至接下来的几年)最酷的东西是iPhone。**不仅仅是因为iPhone看起来不错,它们在网站方面也很不错。**而且,更重要的是,很多公司和团队为iPhone开发了很多很有用或有趣的App,当然iPhone的用户也会对他们的网站很感兴趣。事实上,针对iPhone的网站设计已经成为了另外一个趋势,虽然它的针对性不是那么广泛…… iPhone GUI PSD 首先给大家推荐一下Teehan+Lax的iPhone GUI PSD 文件,它包含了iPhone以及你制作你的iPhone界面时所需的所有元素。非常方便,

潮流

网页设计潮流之2009:路在何方?

原文:[网页设计潮流之2009:路在何方?](http://www.qianduan.net/inspiration-web-design-trends-in-2009.html) Translate From: [webtoolkit4.me](http://webtoolkit4.me/2009/08/15/inspiration-web-design-trends-in-2009-and-probably-2010/) 版权所有,转载请注明出处,多谢!- - - - - - 大图片、大标题、素描/涂鸦、大自然和滑动。当然也有一些其它的“潮流”,不过我认为这些元素在现在的网页设计中使用的最多,并且在明年也会同样被推崇。本文中,我整理了一些前面提到的5种类型的网站。 使用大标题的网站设计 使用大图片的网站设计 受大自然启发的网站设计 使用素描/插画的网站设计 使用滑动效果的网站 就这些了。你认为如何?你认为哪些趋势更加流行而本文中没有提到的?

绿色

网站设计趋势:绿色和可再生网站设计

原文:[网站设计趋势:绿色和可再生网站](http://www.qianduan.net/web-design-trends-green-renewable-websites.html) 译自:[Web Design Trends: Green & Renewable Websites](http://www.leemunroe.com/green-renewable-websites/) 版权所有,转载请注明出处,多谢! - - - - - - 最近**可再生、新鲜、有机、绿色**等词语被使用的相当多,而且越来越多的品牌和企业加入到了‘绿色’的大篷车(这当然是件好事情了)。 这些关键词让我自然而然的联想到了相关的网站。用正确的色系,使用大自然的元素比如草地和树木,添加一些精细的纸张背景以及使用手绘图形或文字,你也可以设计一个清新的‘绿色’ 网站。 1. Jiri Tvrdek

水平条

网站设计趋势:水平条

过去几年,在网站设计中使用水平条已经成为一个不断增长的趋势,现在,这已经成为一种典型的网站布局了。使用水平条不仅仅能为每个页面区域提供特定的容器,也可以穿越用户的屏幕。这在考虑到特大的屏幕的用户是非常有用,它可以预防主要内容丢失在单调颜色的汪洋大海之中。 水平条可以是单色的,但是通常会使用渐变色彩或阴影效果,这样看起来会更加柔和和成熟,处理的好还能给人很醒目的感觉。 AndrewBradshaw.com Thuiven.com TonyGeer.com MailChimp.com CampaignMonitor.com LifeTreeCreative.com StyleDivision.net EthixStudios.com MediaTemple.net TasteTrend.com MacaMontreal.com ESOrganizers.com UzairUsman.om Nitobi.com Emiralo.com Everywun.com AsanteDev.com RobertMarriott.com WPUnlimited.com

插画

网站设计趋势:插画角色

译自:[leemunroe.com](http://www.leemunroe.com/illustrated-characters/) 原文:[网站设计趋势:插画角色](http://www.qianduan.net/web-design-trend-illustrated-characters.html) 版权所有,转载请注明出处,多谢! - - - - - - 插画角色现在是一个非常流行的设计趋势,就像我在我写给Six Revisions的文章中所总结的那样: 5种令人印象深刻的头部设计(中文在这里)。它们给你的网站添加一些有趣的角色和一种友善的感觉。 这里列出来我最喜爱的插画角色网站。 Silverback App [![Silverback App](//www.qianduan.net/img/2009/05/232952rt8.jpg)](http://silverbackapp.com/)#### [Mail Chimp]

技巧

在网站设计中使用白色:技巧和趋势

Translate From:[use-of-white-in-web-design-tips-and-trends](http://desizntech.info/2009/04/use-of-white-in-web-design-tips-and-trends/) 原文:[在网站设计中使用白色:技巧和趋势](http://www.qianduan.net/use-white-in-web-design-tips-and-trends.html) 版权所有,专注请注明出处,多谢。 - - - - - - 当你想到白色的时候,你的脑海中会出现什么?白色是最简单、优雅、平和的色彩。在网页设计中使用白色常见于很多博客、在线作品集、电子商务和其它类型的网站中。白颜色也主要用于字体颜色、背景色、链接颜色、图片及更多地方。尽管如此,如果你认为白色系网站对用户没有吸引力,那就大错特错了,你会震惊的……网上的一些最棒的网站用的是白色。本文中,你会发现灵感和使用白色设计网站的技巧。 简约漂亮的网站 简约的网站看起来是很赏心悦目的。当你使用白色创建白色的背景色的网站的时候,让它保持整洁。

自画像

网站设计趋势:设计师的自画像

今天我们为大家推荐的设计趋势是:设计师的自画像。通过浏览大量的网站设计,你可能也看到了一个又一个设计师的插画化的自画像,它们都是那么的与众不同,那么很令人惊叹,而最重要的是,每个自画像都折射出了设计师的个性。 话说,这是神飞注意很久的一个设计趋势了,相信每个人都想搞一个自画像放到个人博客上显摆一下或作为头像吧,那么,就参考一下这些优秀的设计,自己搞一个吧……当然,如果你有好的设计,请与我们分享。 本文列出其中一部分自画像,查看全部,请访问www.creativeopera.com/ David Arazim Maximilian Bartel Michael Baumrucker Marc Grabanski Li Chin Low 译自:[www.creativeopera.com/](http://www.creativeopera.com/2009/design-trends-self-portraits/) 原文:[网站设计趋势:设计师的自画像](http://www.qianduan.net/

盒子

网站设计趋势:立体盒子

这是一个正在逐渐流行的创意的趋势。事实上它非常容易实现,只需要增加了一个额外的元素和独特的设计。 让我们看一下该如何实现立体盒子的效果吧,然后,我们将会给大家展示一些很好的例子。 准备 先准备好你的页面和图片,我们使用这张图片: ![Logo](//www.qianduan.net/img/2009/04/154924cr6.png)我们简单的将HTML写成这样: ![Lee Munroe](logo.png) CSS样式可能会是这个样子的: body{background:#999;} #container{ width:960px; background:#fff; margin:20px auto; padding:10px; } 下面是一个效果预览: ![Inside box](//www.qianduan.net/img/2009/04/154924t8r.jpg)#### 设置为相对定位 当我们定位logo的时候,

极光

网站设计趋势:极光和繁星

或许这个趋势是在Apple Leopard OSX系统发布之后才开始流行起来的,它(OSX)是一个很棒的极光/繁星设计的代表。在你的网站的背景或头部添加这样的简单的效果可以让一个黑色调网站活跃起来,起到画龙点睛的作用…… 下面是20个使用这种效果的网站展示: 1. 45royale 2. Skylar Anderson 3. Dale Anthony 4. Elite by Design 5. Fernando Sergio 6. Dorian Castro 7. 365 Days of Astronomy 8. Studio 7 Designs 9. Exceptional 10. Abduzeedo 11. Oakes Design 12. Brian Wilkins 13. Kitfolio 14.

设计

网站设计趋势:都市风光、户外风景、海洋景观

在过去的一两年间,一个颇为流行的趋势是在设计中使用户外风景、都市风光和海洋景观。这些元素通常放在页面底部。这是一个展示网页设计师个人创意的非常棒的方法,也是锻炼一个人的插画技能的绝佳机会。 设计“景色”的一些小技巧 1、找一些现成的图片 你可以从iStockPhoto获取很多可下载的矢量图片和照片。 2、在Flickr上寻找漂亮的风景图片 Flickr启动了可以使用的创作共用图片 3、自己拍照 到你所在的城镇或市区里转转,拍一些比较清晰的建筑照片。 4、将你的想法画出草图 在纸上草草画出你自己的山脉和建筑。 5、最后,将其素描并插入到Illustrator和Photoshop中编辑。 现在你有了你自己的灵感,你可以开始用Illustrator将之素描,并将你的创作在Photoshop中尝试各种不同的效果,直到你认为非常完美为止…… 下面是一些最佳的网站展示,你或许能从中得到一些启发。 都市风光 1. Andy Sowards 2. Disability Heroes 3. Flayks 4. Gotta Get To FOWA 5. Carrot Creative 6. Sawyer

发散光线

网站设计趋势:发散光线和太阳射线

发散光线在Web和图形设计方面是一个非常流行的设计趋势。发散光线表示从源点爆炸的太阳射线(或光线)。他们是Web 2.0的趋势,不过他们往往也能够很好地与其他图形元素搭配。 本文着眼于如何利用现有的Photoshop的形状和画笔建立自己的太阳射线,同时我列出了的15个拥有太阳射线效果的漂亮网站。 发散光线教程和资源 Photoshop 发散光线笔刷 Photoshop发散光线形状 使用发散光线效果的漂亮网站展示 1. No Milk Today 2. That Indie Dude 3. SMS Parking 4. Yo Vivo en Vigo 5. i Menestrelli di Graelion 6. Ciclismo Urbano 7. The Relevant Elephant 8. Future of Web Design New York 9.

按钮

网站设计趋势:行为引导按钮

行为引导按钮是你,作为网站设计师,希望你的用户点击的按钮。它们通常是一个下载、注册或出售的链接。 Seth Godin (The Big Red Fez)称这类按钮为香蕉,而你的用户就是那些猴子。目标是,猴子能在3秒钟内找到香蕉(在他们放弃和离开以前)。“强迫自己设计的每一个网页,只有一个主要目标。这就是香蕉。把它做的大些,把它做成蓝色(或红色) ,让他醒目”。 本文讨论如果设计完美的“行为引导”按钮,并展示30个比较棒的行为引导按钮设计。 如何设计完美的行为引导按钮 你的行为引导按钮必须是醒目的,而且突然出现在用户的眼前。这里是5个典型的比较棒的行为引导按钮。 1. 色彩 按钮的颜色应该从页面的其它部分中突出出来,因此通常是一个比较鲜艳的、高对比度的色彩。 2. 位置 它应该放到用户期望能容易找到的地方。文件上方、产品内部、页面的头部或者是顶部右侧的导航。它应该是醒目的,不难寻找的。 3. 语言 你所使用的与你的用户沟通的语言很重要。它应该是比较短的,扼要(不罗嗦)