干货!小技巧帮你完成创意十足的网页设计

2013/04/11 48464

创意

作为一名设计师,每年都会沉浸在一些新的设计趋势中兴奋不已。接下来,我们将探寻2013年的最新设计趋势,这绝对是意义非凡的事情。Web设计师必须洞悉所有相关领域的新趋势,紧跟时尚潮流。

这些新趋势让设计变得妙趣横生。但是很多专家还会倡导那些并非最时髦、最震撼世界的设计。当然,响应式设计不仅去年是热点,今年依然还会被人们重视。同样,栅格化设计作为最基本的设计,也会被继续延续下去。

这次,我想探索一下那些逐渐发展起来的设计潮流。也许过去我们只是偶尔尝试一下这些设计风格,但是今年我们会真正关注它们。

优设哥很遗憾的告诉大家:“文章的这些优秀案例,大部分要翻墙。。。”

更多留白/负空间

I think I might -

ithinkimight

Shun Cutlery

Shun Cutlery

Nate Hanson

Nate Hanson

我们要更简洁的设计。去年我们狂热追捧极简主义和对应的简洁的视觉设计。从logo到名片再到网站,每一处都将简洁进行到底。今年,设计师会在视觉设计中增加更多留白,这毫无疑问会将简洁设计推向另一个高潮。

负空间是一种重要的艺术设计方法,很多人也认为不必将元素填满画布的每一个角落。将负空间应用在web设计中会产生很棒的效果,因为不需要将那么多元素都呈现在界面上,人们也在逐渐适应这一点。当我们访问网站时很清楚自己需要什么。希望不怎么搜索就能找到目标信息。

建议:别总想着如何通过设计创造空间。进行常规设计然后将页面上的内容进行删减,通过这样的方式你也能得到期望的设计效果。

桃红色和浅橙色

Handcrafted websites, mobile apps and brands - Manos

manoscrafted

6

etchapps

7

fhoke

我们仔细研究过很多web设计中的流行色。蓝色是最流行的颜色之一。从企业网站到娱乐站点,用点蓝色好像就能设计出一个不错的网站。甚至一度(也许会持续下去),我们也喜爱暗黑主题的网站。重要的是,这么多颜色,关键时刻你能有所借鉴。

今年的流行色是肉色、粉色、浅橙色。我认为这些颜色能够与任何彩色和无彩色搭配,它们显得既沉静又不单调,既有魅力又不张扬。我认为很多人今年将会(应该会)在设计中运用到这些颜色。

建议:想尝试一下这些神奇的颜色吗?试试 #F97743 和 #F38268吧!

大块头有大效果

- dmvA Architecten -

dmva-architecten

Allan Yu

allanyu

10

ryanmichaelkelly

如今,我们不仅仅设计传统的电脑显示屏,也设计平板电脑和手机。网站即使在巴掌大小的空间也要清晰可见。很多设计师在进行web设计时都采用增大字号和图片的方式,但是这些方式还不够新颖、大胆。

现在,是时候做更大胆的设计了!我们一直都在进行常规的设计,但是现在的分辨率越来越高,支持的像素也越来越高。事实上,很多印刷媒体中的经验已经被应用到显示设计中。是时候将二者结合、回归web设计了。

超大设计能够吸引人们的注意力,这和简洁设计有异曲同工之妙。如果有什么大块儿头的东西,吸引我的注意力,我一定会先看它!这也许是让我们摆脱平日里各种信息干扰的另外一种途径。

建议:我们已经尝试过大尺寸的图片,现在试试大小在64px到72px之间的文字吧!建议使用FitText这样的工具,这样文字就能自适应不同尺寸的屏幕。

动态图片

11

socialdesignhouse

12

teehanlax

13

patrikervell

随着技术的不断发展,在web设计中添加动态图片和视频变得越来越容易, 而这并不会占用很多空间。因此,在web设计中上述元素会逐渐成为一种常态。想想,谁不希望自己访问的网站像是从霍格沃兹魔法学校来的?

动态效果能够强有力地吸引人们的注意力,能让那些普通的图片和滚动条变得富有魅力。现在进行设计的时候设计师不仅可以使用静态图片,还能使用动态图片,这无疑为设计师开启了一片广阔的天地。动态效果是我最期待的设计趋势,不知道谁能将它运用到极致?

建议:找一些html5有关视频部分的教程,好好学习一下,开启你不一样的设计吧!

不要再用图片库了

14

italiokitchen

15

neuarmy

16

artifactcoffee

人们早就不稀罕炫目的时尚大片了,他们希望看到真实的产品信息。那种将产品照片叠在纯白背景上的风格也已经过时,人们想要了解产品的个性和背后的故事。
网站依然是维系公司和客户之间的重要纽带,因此产品展示的真实性对于目标客户就显得十分重要,所以总用那些单纯的产品照片或者经过修饰的时尚大片并不是个好主意。
虽然大部分web设计师不能完全决定使用怎样的图片,但是在线展示品牌的个性与形象还是非常重要。我期待看到更多的网站敢于使用展示产品真实面貌的图片并通过信息的整合来讲述产品设计背后的故事。
建议:买一部相机或者与一位摄影师配合,这样才能获得与web设计理念相匹配的图片。这能帮助公司提升产品销量。

结论

Web设计和时尚设计有很多相似之处,那些看似遥远的设计理念可能很快就会付诸实践。融入潮流之中,共享设计之美,尝试新鲜事物,开创未来风格。

翻译小组:SDC番茄匠 微博ID: @kamiyoung
原文链接: http://tympanus.net/
【各位尽职尽责帅气靓丽的网站编辑、站长大神们,如果您看上了优设网的这篇文章,请复制粘帖的时候把我们网址带上,我会代表节操君向您致敬的,感谢】

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/fresh-and-creative-web-design-techniques

界面设计 交互设计师 HTML5 素材 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 设计规范 扁平化设计 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 用户体验 ui设计 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里