首页

30个漂亮的全屏大背景网页设计

蓝蓝设计的小编

 

近些年来,图片作为背景填充整个屏幕的设计越来越流行,曾经只有时尚潮流网站或者摄影类站点才会特别依赖富有冲击力的影像,但是现在几乎任何类型的网站都有可能采用这种大图片作为背景。不论是印刷精美的杂志、海报还是广告,大图片一直以来都能强有力地抓住人们的注意力,因此将类似的方法应用在网站设计中就显得别有趣味。

以下30个网站均采用了大图片作为背景的设计风格,希望能给大家带来不一样的设计灵感!

Aspect Photography

View the full website

Studio AIRPORT

View the full website

Yoke

View the full website

 

 

40个漂亮的单页网站设计欣赏

蓝蓝设计的小编

最初单页面网站的设计风潮可能是由知名的网站设计师引起的。他们想要以简洁创意的方式让自己的作品公之于众。久而久之,单页面网站设计在创意上实现了巨大的飞跃。不管是时尚,App,还是动画,游戏,现在全网都盛行这一趋势。
单页面网站设计容易实现,但是如果想让你的设计成为大热,一定要确保它适合这种多页少字的设计模式。在你开始设计之前,最好要记得专注于主要内容,其他的烦恼分心的部分通通去掉,就算是你最好的点子,如果不切合主题,也要忍痛割爱。

网站导航是主要设计要素之一。用放大镜效果创建漩涡型按键,使站点引人入胜,同时也告诉用户如何使用。导航要显眼易懂这样用户才能轻松的浏览你的网站。不管是视差漩涡,服帖的动画还是简洁的菜单,你都能发现非常酷的效果。

下面我们为大家展示40种极具现代感,将单页网站设计发挥到的非常漂亮的例子。尽情的欣赏吧,希望会给你带来灵感!这些设计让人难以忘却,引人瞩目的图像绚丽多彩,内容干净整洁,实乃创意经典之作。

Fannabee

one-page-website-fannabee

Browser Awareness Day


one-page-website-fun

20款免费和创新的PSD网页设计模板

蓝蓝设计的小编

 

如果你是一名设计师,经常都需要ui设计网站设计,如果有现成的 PSD 网页设计模板可以使用的话,您可以快速的制作出精美的网站作品。 所以,这篇文章专门整理了20款免费的 PSD 网页模板设计,你可以免费下载这些网站布局模板进行编辑和修改,也可以通过这些免费的网页 PSD 模板获取创作灵感。

 

Showcase – A Free Website PSD Template

Showcase - A Free Website PSD Template

———————————————————————————————————————————————————

Business Website Template Design

Business Website Template Design

———————————————————————————————————————————————————

网页设计中背景的创意风格与设计趋势

蓝蓝设计的小编

正确的背景风格可以为整个网站确定基调。我们搜集了一批使用大幅图像、明亮颜色或出众图案来作为背景的
优秀网站,希望从中探寻当下网站的流行设计风格。

什么样的背景最适合你的网站,这并没有一定之规,但确实有一些共同的要素:
互联网背景的内容应该有目的性。
背景应该与你的品牌风格一致。
背景之上的文字内容应该易于阅读(无论是颜色、反差还是尺寸大小。) 背景的主题在整个网站内应该连贯一致。
背景应该能很快下载并且不会让你的网站变得缓慢甚至卡死。
现在的流行趋势是什么?

就像服装和发型会变,网页设计的风格也在变。对于背景来说,趋势的变化尤其突出。
目前,大量的网站在首屏采用了大图。一些背景是清晰、写实的(如照片和插图),而另一些则可能是抽象隐晦的。大尺寸的、虚化或模糊的图也随处可见。

网页设计中优化图片的6大技巧

蓝蓝设计的小编

网页设计中优化图片的6大技巧

@南辰_designer  平面设计和网页设计是两个截然不同的领域,这两个领域有不同的设计需求、设计实践和设计方法。

例如,在网页设计中更常使用基于像素或栅格的文件格式,诸如JPG、GIF或PNG。相反,在平面设计领域像logo这样的图形可能会用到不同尺寸,因此使用最多的格式则是EPS和AI这样的矢量格式。然而,用于网页的矢量格式,如SVG或HTML5 Canvas则不能广泛应用,也不会被所有浏览器所支持。

另外,用于web端的图形有基于它们自身的相关处理方式。其中一条便是你要时刻注意文件的大小,因为你需要使你的网页加载越快越好。作为一名网页设计师,你应当尽量减少HTTP对图像的请求次数——无论通过减少图片的使用数量还是将它们整合成CSS sprite——以及确保你选择了正确的图像格式,使其在图像大小和质量间得以平衡。

Photoshop是平面设计师和网页设计师使用的行业标准工具。以下是你在创建web端使用图像时的一些简单的小技巧。

1. 将图片保存成Web所用格式

在网页设计中,你必须确保你的图像大小越小越好。当然,当你想要图片完好显示时可以抛弃这条原则。
在Photoshop中创建图像的完美方法便是平衡质量与文件大小。
网页设计师经常犯的一个错误便是使用“另存为”命令,而不是使用“存储为Web所用格式”。

2702d5d227fdbb0be2cd35ac6a37f76f 网页设计师必须知道的6个小技巧

“存储为Web所用格式”可以将图像保存成基于网页设计优化过的格式,包括图像质量、图像分辨率、浏览器兼容性和文件大小。

这一命令会有一个对话框,你可以用来微调你的图像。当你调整图像的设置时,它会显示出文件的大小和图像的质量。

一组启迪设计灵感的复古风格网页作品

蓝蓝设计的小编

有时候一个纹理,一个文字,一张背景图,一个颜色体系,甚至一个小图标,都能让页面有复古的感觉。在这篇文章中,我们收集了许多这种风格的页面。如果你的下一个项目是需要设计出复古的感觉的话,那这篇文章可以启发你很多的设计灵感。

相关阅读:

复古背景下载 →漂亮的复古纹理背景素材下载
复古字体下载 → 25套复古怀旧字体打包下载
复古网页欣赏 → 44个绝赞的复古风格网页设计

Cyclemon

Ready to Inspire

十个简单好用的设计技巧

蓝蓝设计的小编

本文作者Mark Praschan是一位具有将近十年经验的网页设计师,Web开发师,Web项目经理人。 文中强调复杂的高级效果能为设计增色不少,但如果用得不对,只会影响用户对重点内容的关注。高级效果可能正好是一项好的设计的冲击力所在,但即便如此,也还是需要一些更简单的效果与其配合。

  简单的效果和技巧是建造当今设计的基石。比方说,如果你都不知道如何正确选择颜色和文字效果,灿烂的 星光效果又能有什么用?

  本着“少就是多”的理念,通过十个简单好用的设计技巧 ,就足以大大提升你设计的专业性和感染力。基础先行。 学会走之前要先学会爬,让我们从最基础的简单有效设计的概念开始。

基础先行。 学会走之前要先学会爬,让我们从最基础的简单有效设计的概念开始。

1. 增加对比

很可惜,添加额外的对比是最被忽视和弃用的技巧之一。

Screenshot

Joost de Valk 采用了细的高对比度边线,让访客能更容易区分页面的不同区域。在上图中放大了的部分,你可以看到,大多数时候这种对比只是一条1像素的高亮线挨着1像素的暗线。

话说回来,这个页面上的“More”和“Go”按钮与周围的对比度太小,即使你刻意在找也很容易被忽略掉。

Screenshot

30个“大气高端国际化”的网页设计欣赏

蓝蓝设计的小编

怎样设计大气的网页

大家应该都发现现在很多网站的首屏都越来越有”感觉“了,用我们经常调侃的一句话就是高端大气国际化,那么如何做到这一点呢?

大家不妨打开支付宝、财付通等网站瞧瞧,不难发现规律:1、在首屏一条大横纹上下功夫,区分下方的辅助信息;2、看上去更有人性(有人物素材出现在首屏),配合产品的精彩实物截图。3、温暖的色调、能烘托出产品气质的色彩。4、简要的产品描述文案。5、点击欲望更强的(橙、绿)大按钮。6、尽可能多的高斯模糊。

今天我们要在这篇文章向您展示30个伟大漂亮的网页例子,看看他们是如何利用首屏的横条纹的吧,瞧瞧是不是利用此布局更有助于分解页面引导用户更好了解产品、爱上产品。

Janko At Warp Speed

View the website

Theme Trust

View the website

推荐给设计师的22个美观实用的网站

蓝蓝设计的小编

推荐给设计师的22个美观实用的网站

我们灰常乐意每周在网页设计佳作列表中展现设计精美的网站,不断为你提供灵感。而今天我们打算另辟蹊径,为网页设计师收集了既能提供设计灵感又实用的优秀案例,与过往选择单一”主题”的例子有所不同。我们将为你呈现不同的工具和技术分享网站,可让你在得到灵感的同时还能发现不错的工具或服务。在这篇文章中你将看到22个美观又实用的网站,全部都不容错过哦亲!

responsify

Responsify是个用于创建响应式模板的浏览器工具。

22 Inspiring and Useful Websites

iconmonstr

你下一个项目就可以用的免费简约icon。

一网打尽!优秀图像优化工具推荐

蓝蓝设计的小编

Kraken

网页设计中往往需要大量部署图片。网站的品质取决于图像,如果一个网站的图像品质精良,那么体验将非常的棒。

可以去看看那些优秀设计师和开发者的作品,他们往往非常注意图像的优化。既保证了图片的质量,又适度压缩图像,以提高加载速度。

本文将介绍多种极佳的图像优化工具,可以在日常应用中帮助你。

Online Image Optimizer(在线)

The Online Image Optimizer是一款在线压缩图像工具。支持本地上传图像进行压缩(最大不超过2.86MB)。可以选择图像输出类型。默认输出格式设置为和输入图像格式相同。

Online Image Optimizer

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档