新疆18选7开奖号

设计大?#24050;?/h3>

【设计教育】网页创意及作品集设计趋势
为纪念帕特里克·麦克尼尔的“网页设计101”工作坊,我们精选了他的《网页设计师创意集》中部分优秀作品来展示一些当下网页设计趋势。

麦克尼尔的工作坊引导没有网页设计经验的平面设计师逐步了解一些网页设计的基本要素。庆?#19994;?#26159;,很多平面设计的知识和概念是可以转换到网页上的,核心依然是扣住设计的基础技能——反复,?#24085;校?#23618;次,平衡,强调对比

在为期一周的自主学习工作坊里,麦克尼尔向大家解释了基本的构造模块,比如关键术语,网站主机托管进程和一些计算机基础语言。在熟练掌握了基本知识后,麦克尼尔介绍了网页制作的流行趋势以及发展前景。

理论教学之外,麦克尼尔也分享了一些实际设计的经验,教会学生把知识转化为决策的有用参考,引导学生了解网页设计的核心理念,两个阶段的工作坊结束之后,学生将完成一个自己的网页制作。

第一期教程于5月25日开始,第二期为6月10日,具体信息请参见 HOW设计大学 官网。

以下是一些关于网页设计作品集的创作理念、趋?#21697;?#26512;的节选篇章,摘自麦克尼尔的《网页设计师创意集》。

网页作品集概念:


极简风格

在?#19994;?#25152;有书里都会谈到“极简”风格,其中包含了所有我看重的设计品质,呈现给外界一个美观、清爽的页面。这里列出一些我个人非常欣赏的实例,它们的设计干净,却不失品位。

MING Labs(软件开发)

MING Labs 是一个极佳的案例,它最小化处理了各种链接,省去许多结构性的网页制作元素,让设计师完全专注于用简洁、漂亮的层?#27573;?#24341;观者的眼球。尽管整个设计看起来很简单,细节的布局却是煞费苦心,把所有信息和功能?#20381;?#20854;中——这是清爽的设计动人之处,给作品留足空间,让观者可以快速抓住并消化需要传达的信息。

Heikopaiko(德国创新设计和互动开发机构)

另一个同样风格的作品我也非常欣赏——Heikopaiko,网页也是将所有元素最简化处理,但并不让人感到松散稀疏,反倒?#20204;?#26224;的结构拉近了与?#27809;?#30340;距离。注意一下,当你下拉着浏览网页时,信息的出现是非常流畅的,没有叠加,没有混合,当然也没有遗漏。“极简”风格简直是无可挑剔,与其说是一个实际操作的网页,倒更像PS的教程演示。

插画设计:

我一直很推崇设计师们多关注插画的问题,原因很简单,这是一个让作品脱颖而出的关键因素,原创的,独特的,有创意的插画必定为最终的制作加分不少。也许你会说,我们又不是专业的插画家,可有谁不是?#29992;?#25551;画画开始的呢?

另一个方面是要把握住时下流行的“扁?#20132;?#35774;计”,它要求作品尽量回避繁复的层叠设计,尽可能简化。参考这些可以让设计作品展现你独特风格的元素,一定会让插画别具一格,甚至让最终的作品更加出众。

Symphony Online(在线交响乐)

Symphony Online 是一个很有趣的案例,精美的版面,细腻的?#35780;恚可?#30340;排布,配上装饰性的边缘(这些内容?#21450;?#21547;在《网页设计师创意集 第三卷》中)。所有这些元素都很时尚,让人仿佛置身设计世界之中。留心网页里的插画你就会发现,设计充满创意,完全避免了一般的“复制”,在我看来,整体效果随之大大提升。

William Cole

下面我要介绍的这个网页设计系列 William Cole,几乎是完全不符合当下流行趋势的,网页的基础设计彻底脱离了现在的潮流。某种意义上讲,设计师是在努力打破传?#24120;?#29978;至有意逆传统而行,给他自己也带来了不小的挑战。从这个角度看,我认为这位设计师已经成功了。的确,这个网页不是最流行的,但是非常有个性,甚至让人看到了幕后的艺术家,是一位艺术家在做网页。再仔细欣赏一下这个作品,相信你会和我产生相似的感受,我们能够从中体会到设计师的存在,体会到设计师真正个人的风格。

砖石风格

砖石风格的命名来自于jQuery插件库,它可以布局一些不同尺寸规格的矩形项目,重新组织后,?#35745;?#21644;内容像墙上的石头一样稳定的有序?#24085;小?#36825;不是一个新兴?#38469;酰?#20294;是在设计领域很重要,所以我认为有必要在这里单独说明,另一个相似的插件叫 Isotope,里面包含的选择有些不同。

Alexa Flacone

Alexa Falcone 是个很典型的例子,你可以看到各种规格的内容和?#35745;?#22312;网页上布局的很清晰。如果你调整一下浏览器的缩放比例,这些内容会迅速重整布局,用了 Masonry 插件,最麻烦的步骤就由电脑自动调试好了。

Glauce Cerveira

另一个案例 Glauce Cerveira 也很不错,下图中你可以看到?#35745;?#22312;一个网格中有序?#24085;校?#22909;像一面稳当当的墙面,所谓“砖”其实不一定是?#35745;部?#20197;是其它?#38382;?#30340;文件,比如文本等等。

当你真的考虑用这个方法设计时,又会遇到一个新问题。因为整个基础是网格状的,所以你很难控制每个文件放在哪里,最终的页面的设计大致还是基于这个布局。另外,一些内容有可能会因显示器尺寸的变化而有所挪动,如果你对秩序和排位要求极其?#37327;蹋?#36825;也是一个不能回避的问题。

最后,我可以为大家提供一个小小的变通办法。如果你想用砖石风格,所有文件宽度相同(高度可调节),你其实不需要其它插件,只要用带有框体调节的CSS文本框就行了,它能将多个框的内容放进同一个布局中,最后看起来还是砖石结构(宽度相等),也免去了使用插件的麻烦。

点击阅读更多信息!
评论 Comments
若想评论此文章,请点击登 录
新疆18选7开奖号
pk10精准计划手机 pk10计划软件免费版 pk10重号稳赚 快速时时走势图 大乐透近100斯走势图开门彩 双色球二零18年开奖号码记录 168新疆时时下载 北京pk计划手机软件 彩经网怎么打不开 好运来飞艇计划软件app