使用遮罩、混合模式和交错排版的优秀网页案例

   创意是无处不在的,在网页设计 中,若发现一些好的灵感或趋势,就尽量去尝试应用到你的项目上,把哪些枯燥的、已经烂大街的创意能少用就少用了,毕竟设计师也是要提升自我,不要为了快速完成工作就随意了事。

  今天为大家整理的网页设计 创意有图像遮罩、混合模式、交错排版,这些在网页设计 中不常用,看起来却挺有创意的版式创作,在实际操作中难度也不高,Web设计师们都可以试试。

  图像遮罩(Image Mask)

  Axteria Strategy Consultant

  会PS的人都懂图像遮罩怎么使用了吧?看看下面的例子,可以这么玩的,简单美观。


  How The Stars Align


  Sons of Gallipoli


  Greenwood Campbell: Digital Agency


  混合模式(Blending Mode)

  通过类似混合模式的手法,可以实现一些比较艺术(另类)的创作,使用这个应注意对色彩和创意的把握,因为很容易搞得很难看…

  Found them First


  Au service de la France


  Holm Marcher & Co.


  Viens-là


  Roman Neustädter


  交错排版(Grid Offsetting)

  关于交错排版,其实这些案例有很多,但却不好运用,所以建议大家能考多点案例,一个个尝试,下面的就是不错的例子。

时间: 2024-09-18 13:45:25

使用遮罩、混合模式和交错排版的优秀网页案例的相关文章

使用大气醒目的字体排版的优秀网页设计

  使用高识别度的字体设计,加上吸引人的细节设计,的确是抓住用户注意力的利器.优雅的线条勾勒和漂亮的水泡装饰,同其他的视觉元素很好地结合起来,营造出安静又俏皮的氛围. Teamgeek 网站的开发者充分展现了如何将新技术运用到网页设计中的技巧.充满复古风格的LOGO设计让网站打开的时候有了独特的气场,而当可交互的粒子特效出现的时候,用户除了"Wow"大概也做不出别的表情吧. Rightmove 漂亮的卡通式的字体设计延伸到背景的配色和细节上,居中的标语以背景为舞台,占据视觉中心,同友好

来自西班牙设计师的优秀网页设计

  这次又是别人家的网页设计!之前混在一起看可能不觉得,单独来看西班牙的网页设计其实还是能察觉到他们的民族性格,时尚奔放,现代的设计下难掩躁动与激情,令人着迷! 充满活力,朝气蓬勃,美丽四射,时尚风情,这是西班牙给人的印象,也是来自西班牙的优秀网页设计给人的别样体验.这些网页独特的浏览体验并非偶然,西班牙独特的历史和的历史和多元化的文化赋予了这些设计不同凡响的风格:意大利文艺复兴.罗马式的风格.穆斯林文化.西班牙文化的黄金时代.巴洛克和洛可可,新古典主义以及,乃至于超现实主义,文化与思潮在西班牙

优秀网站案例 从2012年看网站体验的5大趋势

译者注:抛砖引玉一篇趋势浅文.此文提炼的比较精辟,让人看完不由觉得"确实如此".相比其他很多几十条泛泛而谈.泛泛而用的趋势文章来说,算是精品哦.另外,文中有很多优秀网站案例,也值得我们学习. 原文地址:The Top 5 Website UX Trends of 2012 http://uxmag.com/articles/the-top-5-website-ux-trends-of-2012 2012年,用户界面技术持续不断发展,常常有效地模糊了设计.可用性以及技术之间的界限,从而为

毕业生如何打造自己成为优秀网页设计师?

中介交易 SEO诊断 淘宝客 云主机 技术大厅 很多刚刚毕业的大学生都有缘或者无缘的选择了设计行业,选择了与photoshop作战的职业,而在两年或者五年内,把自己打造成一名优秀的网页设 计师可以说是很多人的职业规划或者是设计梦想,那么毕业生如何把自己打造成优秀的网页设计师呢?下面栗子时代设计师晴儿为大家分享一些经验和想法. 第一,启蒙公司很重要 启蒙公司也就是设计师进入设计界工作或者实习的第一家公司.启蒙公司对设计师的影响就像是上学的时候启蒙老师对你的影响一样. 对于刚刚毕业的大学生来讲,他们

优秀网站案例 从2012年看网站体验的五大趋势

中介交易 SEO诊断 淘宝客 云主机 技术大厅 译者注:抛砖引玉一篇趋势浅文.此文提炼的比较精辟,让人看完不由觉得"确实如此".相比其他很多几十条泛泛而谈.泛泛而用的趋势文章来说,算是精品哦.另外,文中有很多优秀网站案例,也值得我们学习. 原文地址:The Top 5 Website UX Trends of 2012 http://uxmag.com/articles/the-top-5-website-ux-trends-of-2012 2012年,用户界面技术持续不断发展,常常有

色彩个性化网页设计:优秀网页设计案例

文章描述:在网页设计中,如果想要独树一帜,不妨在最直接吸引眼球的色彩上下下功夫,大胆的使用色彩,能够让你的网站更个性化.然而配色问题一直是设计行业的挑战,如何用好色,配好色,分清主次,自然需要潜心研究了. 在网页设计中,如果想要独树一帜,不妨在最直接吸引眼球的色彩上下下功夫,大胆的使用色彩,能够让你的网站更个性化.然而配色问题一直是设计行业的挑战,如何用好色,配好色,分清主次,自然需要潜心研究了.如果做得好,那么效果会极具冲击力.推荐您看下我们之前推荐的人气文章<配色三部曲>. 本文收集了一些

20个以细腻动画取胜的优秀网页设计

  动画今年是热门,像一场跳跃腾挪的表演,久看也不免厌倦.在这波浪潮里,有一小股设计师别出心裁,给网站加了细腻而不恼人的动画,一方面给网站添了生气,不致沉闷,一方面顺应潮流,锦上添花,实在是聪明得紧,来学习一下. 目前很多网页设计已经运用新的HTML5视频以及CSS3+JS来实现很棒的动画效果,不过我们在使用动画时也不能太弦,可以适当的并且有意义的去使用,这才不会分散网站访客的注意力. 网页设计中如何合理使用动画效果呢? 我们可以参考今天整理的20个融合细微动画的优秀网页设计作品,这些网页使用了

以字体为核心的优秀网页设计作品

  在现代网页设计中,字体也常会被当做重要的设计元素融入网页设计之中,以一种新颖的方式传达信息.设计师们发现了不依赖于图片.阴影和背景等元素去设计漂亮网站的新方法,那就是以字体为核心的网页设计,而且效果令人惊讶.今天这篇文字就收集了35佳以字体为核心的网页设计作品,一起欣赏. 01. Games We Played 02. Hello Studios 03. Kccreepfest 04. The Kettle 05. English Workshop 06. What the Fox 07.

如何做一个会赚钱的优秀网页设计师

  你是一名网页设计师或者一个想学习网页设计的人吗? 如果你的回答是"Yes",那么你最初想学习网页设计的原因是什么呢? 有些人梦想创造出伟大的设计并因此闻名于世;有些人则把网页设计作为自己的事业并为之奋斗一生;而有些人,或许仅仅是为了赚钱养家. 那么你呢? OK,无论你为何想学习网页设计,现在我要向你介绍一种一箭三雕的方法,能让你在学习网页设计的同时,变得更受欢迎,还能赚些钱.正所谓,生财有道!这听起来很棒,不是吗?你一定开始期待我要讲些关于网页设计的技术了吧.很遗憾,我要讲的跟这个