设计资源

10大创意教你玩转网站背景设计

蓝蓝

如何选择一种最恰当的网页背景是网站设计中最常见的问题之一。 通常网站设计者都已准备好网站内容,而且版面布局大多也基本敲定。但背景要么是令人厌烦,要么是让人眼花缭乱,让设计者迟迟不能确定。

今天,我们将介绍几个实际网站来启发你的灵感,看看如何设计趣味而又令人感兴趣的网页背景。收藏本文,当你再次阅读时,你定会被某一个背景设计所迷恋。

1. 素描设计

这种设计在几年前就变得比较流行,而且一直持续到现在。这灵感来源于在笔记本上的涂鸦乱画,就像你十几岁时在英文课上所作的那样。每一部分都是些粗糙的素描表现,页面看似是非常随意的创意集合,而它们都以不同的旋转方式散布在页面各处。NotchStudio就是很好地应用了这种创意,并且以非常柔缓的方式表现出来。

1

即使你本人不善长绘画,这种创意也是相当容易实现的,是因为这些涂鸦通常都是些非常基本的设计。如果拥有一部Wacom或iPad平板电脑,你就可以相当容易地描绘出你自己的图片或者某种意义上能够反映此类风格的书写文本。还有很多免费字体如Pointy,可以帮你不费吹灰之力就可实现让人赞不绝口的素描。

2. 精细文稿设计风格

纸张的质地纹理总能激起设计者的激情,而且为所有年龄所适用。目前这种创意已不像几年前那样风靡,但是它还是会带给你一种非常微妙的效果:如果你没有看到它,那会让你非常地想念。

你注意到Beautiful Type所用的纹理设计,它既没有偏离主题也没有过分夸张,而是将一个原本看起来就很好的网站更是锦上添花。

低调内涵:20个优雅网页背景纹理欣赏

蓝蓝

合理运用素材,利用纹理绘制精美绝伦的网页背景。

Read the full post

尽管极简设计和扁平化不提倡使用纹理。但是设计无绝对,很多情况下,纹理的质感,能让整个网页提升好几个层次。

纹理能够营造一种复古氛围。本文收录了20个网站,全部在纹理运用上颇有心得,可以看看他们的设计细节。

赶紧整理整理你所下载的资源包,动手实验一个吧!

相关推荐:
《9月优设笔刷+纹理+字体+界面组件干货大集合》
《超赞!上千套华丽丽的点、线、面纹理大集合》
《10大创意教你玩转网站背景设计》

Orchard Keepers

Orchard Keepers

 

Postable

Postable

网页设计和用户界面设计

蓝蓝

转载蓝蓝设计(   www.lanlanwork.com  )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的   BS界面设计 、 cs界面设计 、  ipad界面设计   、  包装设计 、  图标定制 、  用户体验 、交互设计、   网站建设 平面设计服务

来源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想订阅本博客内容,每天自动发到您的邮箱中,   请点这里 

webdesign&printdesign&interfacedesign

这是两个现在网页设计领域使用频率非常高的词。在大多数情况下,它们被相互替代。这个领域内外的很多人都认为这是两个意义基本一样的词。但是它们真的可以互相混淆么?我并没有为一些名词而去纠结的习惯,比方说我不会在“美工”和“设计师”之间与别人争论。但是我想网页设计用户界面设计这两个词包含了很多东西,这两个词的对比可以引申出一些设计领域的发展过程和思考。

注:这篇网志所指的用户界面设计在无特殊说明下特

推荐:扁平化界面风格的设计

蓝蓝

http://uisdc.qiniudn.com/wp-content/uploads/2013/04/pp.jpg

什么是扁平化设计

简单的说就是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,使用一些简单的纯色块,从而打造出一种看上去更“平”的界面设计。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。

下面是列举一些国外网站的例子:

Squarespace

新版的Squarespace几乎完全采用了扁平化的视觉风格,只在一些细节当中使用了相对传统的方式突出了重要的交互元素。试用一下你就会发现,其实他们的产品在功能逻辑上还是蛮复杂的,但这一切都隐含在简约直白的界面背后,你真的可以从中隐约感受到其设计团队付出的心血。

Facebook

Facebook是扁平化界面设计的绝佳案例。除了几个主要的动作按钮当中使用了轻微的斜面效果以外,其他界面元素全部采用扁平风格。鉴于他们多年来在这方面一直保持着这样的特色,至少我们可以说这种设计风格对于Facebook来说是完全适用的。

 

35套扁平化风格网页设计UI组件和图标

蓝蓝

扁平化设计是指舍弃渐变、阴影、高光等拟物化的视觉效果,从而打造出一种看上去更加平面的界面设计风格。扁平化的网页设计更适合用于需要同时支持多种屏幕尺寸的响应式设计技术中。今天,我给大家带来35套用于扁平化设计图标设计网页设计元素,记得分享和推荐啊!

Flat Free UI Kit

Flat Icons and Web Elements for UI Design-26

我要下载

Apple devices – Flat icons (PSD)

Flat Icons and Web Elements for UI Design-1

我要下载

Mobile Flagships with PSD

Flat Icons and Web Elements for UI Design-2

酷!7个免费在线制作LOGO的网站

蓝蓝

 

一个好的logo可以即刻为您的品牌增加价值,但是往往我们创建一个logo的时候,需要通过桌面程序譬如Photoshop制作很久,你知道的,我们经常遇到很多需要“帮个忙”的朋友。似乎本来就头痛的工作,一下子就雪上加霜了。特别是你不懂LOGO设计,甚至从来都没有设计过LOGO的时候,这更是会另你消耗掉大量的时间。

是的!还不一定讨好!

那么这里的7个网站再适合你不过了,甚至你可以直接甩给您的朋友,让他自己去玩玩。
和ps的繁琐操作比起来,他们是如此的截然不同,这些可爱便捷的web应用程序是那么的易于使用,而且库存了很多供您挑选改造的小玩意。
那么,不如去尝试看看吧!

 

1、LogoEase

LogoEase是一个免费使用的网站,可以让你轻松创建logo。

Logoease

2、LogoMaker

和LogoEase,LogoMaker一样,是另外一个web服务站点,它允许您创建和下载logo。该网站可以让你选择一个logo的类别,定制个性图标,当然也包括文本和颜色。

LogoMaker

20个最具收藏价值的LOGO灵感补给站

蓝蓝

23个最具收藏价值的LOGO灵感补给站

每个苦逼的设计师都总有那么几天找不到任何灵感,这时像这些灵感补给站可就大显神通了。可吸取灵感的logo展示网站还是有很多的,而且它们通常都会以热门程度排列logo,所以你可以看到哪些logo是最热门的,以及它们受欢迎的原因。有时射鸡师们还把设计logo的设计流程加上去,让我们得以一窥他们在背后究竟是如何付出的。言归正传,咱找到了23个logo网站,包括展示型网站、作品集网站和几个为你能成为专业logo设计师而倾尽全力的博客。客官请慢用~

1. LogoBlog

从用户视角提供公正可靠且独立的评论和建议。哦对了,那儿还有个美国本土跟全球其他地方两手抓的logo设计公司名录呐。

logoblog-logo-inspiration

2. E Logo Design

其实吧,这不完全算是个展示性的网站,不过在Logo界大拿Vukan Karadzic的带领下,这个小组的作品集自然不可错过。

e-logo-design-company-inspiration

十个简单好用的设计技巧

蓝蓝

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

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

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

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

1. 增加对比

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

Screenshot

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

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

Screenshot

WordPress 为页面中的链接 “Download(下载)” 使用了对比色。 这种红色在冷灰色调的页面中自己跳了出来。但这红色在明度方面有所收敛,避免了影响页面整体效果。

如果你对于该不该使用对比犹豫不决,就把这一决定过程当做是化妆。你要做的不是让人们大吼“看呐,对比色!”,你需要的是自然而然的吸引他们注意页面中重要的内容,高亮出已经存在的重点。

2.渐变

 

技术的发展为所有想使用渐变的人提供了各种创造渐变的工具。但渐变真的很好么?

55个超赞的收费响应式网站后台管理模板

蓝蓝

一个网站的管理员在管理网站和它的内容上起着至关重要的作用,但是呢,如果他没有选择好一个网站系统的话,那可能就会是一个定时炸弹。一个网站能否茁壮成长,有一个优秀的管理后台那绝对是至关重要的。

拥有自己网站的童鞋们,这里有55个有商业版权的响应式后台管理模板,你可以从中选取参考。仔细预览或通过界面来观察它们的特点。
当然,这些界面对设计师来讲,特别是从事BS、CS界面设计的朋友,这些优秀的后台界面肯定能激发你的创作灵感!

Boo Admin

Boo Admin - Responsive Template

Visit Source

Amsterdam

Amsterdam - Premium Responsive Admin Template

让数据阅读更舒适!带你玩转表格设计

蓝蓝

17

hardwear:想必多数同学曾经学习计算机就是从Word开始,其中一项重要的学习任务就是创建表格,如今在网络页面里表格随处可见,尤其是商业产品里充满了大量的数据,要没有这些表格估计看内容得吐血…… 表格形形色色,默默无闻的呈现着数据,阅读起来如何最为顺畅,如何才能从表格里发掘出重要信息,有哪些可以对表格进行的操作,梳理一下以供参考。

后台界面,表格对数据的维护和体现是最常见的,那么也推荐您看看一组惊艳的后台管理界面设计

1.行高是表格浏览时的重要参数

行高是表格非常重要的参数,行高间距直接影响着阅读的体验,有如同Omniture为了最大限度的放置数据内容,强化数据显示效果而降低行高的情况,也有SugarCRM一样的行高较高可以放置更多文本信息的表格。

2

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档