首页

交互设计师必藏:50个线框图套件和在线设计工具

蓝蓝设计的小编

当开始进行新项目时,一般都会起步于线框图。本文收集了大量的线框图设计工具和套件。
交互设计师必备哦!

推荐阅读:
《推荐!交互细节中的那些变形金刚》 
《iOS用户体验设计:如何构建交互模式》 
《20个专为无线端设计提供灵感的资源站》

在线设计模板

Wirefy

以内容优先为原则的线框图在线设计工具。允许你运用标准元素设计出响应式线框图。

Wirefy in 50 Free Wireframe Kits and Web Apps

Lumzy

网页设计和界面设计的原型设计工具。

Lumzy in 50 Free Wireframe Kits and Web Apps

Mockup Builder

谁说设计师不会写代码?超简单Photoshop脚本语言介绍

蓝蓝设计的小编

自动化对每个设计师的工作来说是很有用的。它可以在重复的任务上节省宝贵的时间,还能够帮我们更快捷、更容易的解决一系列问题。

你可以使用photoshop的动作来使工作流程自动化,这是很流行的,大多数人都知道并且已经在使用的方法。今天,我们将介绍给你一种高级的自动化技巧:脚本语言。所有的这一切仅仅需要你有一点点关于JavaScript的基本知识,这对于我们中的一些网页设计师往往都是具备的。

我很多年前就知道Photoshop的脚本语言,但是我几个月前才开始决定研究它。我忽视了它是因为我认为那是聪明的具有数学思维能力的程序员的领域。但是我错了,今天我将要来告诉大家,尽管它需要一些基本的程序技巧,脚本语言并不是那么难掌握。

但是,一开始,我们得回答以下这几个明显的问题:

为什么我们需要脚本语言?

为什么我们在Photoshop已经有了很棒的动作之后还要需要学习脚本语言?答案是交互性!当你使用动作时,你不能真正的控制它在不同情况下的表现,就像录像带不停的一遍又一遍的播放而没有任何改变。

00

一个脚本语言更灵活,它表现形式的改变取决于你输入的参数或者是应用程序的内容。听起来很有用?不是么?

要求

你不需要是一个会写脚本语言的高级的程序员。我就仅仅是一个平面设计师,就像你们大多数人一样。但是你需要对JavaScript至少有一个基本的了解,以及一些属性和方法的经验去领悟这篇文章的大部分内容。

01

如果你对JavaScript一点都不了解,别害怕!有很多地方你可以了解程序的一些基本知识。例如:Codecademy,有很棒的完整的交互式课程。

翻滚吧网页:30个漂亮视差滚动网站赏析

蓝蓝设计的小编

大概一年前,我们还在预测视差滚动能否成为趋势,现在,视差滚动网站已经纷繁多样了,到处都有它的影子,除了新奇的体验,网站的纵深感也令人置身其中。在5月份的时候,优设推荐了一篇视差滚动指南,当下是让它真正大展身手的时候了,对这个技术感兴趣的同学移步:《滚动视差设计指南》阅读学习,同时诚挚推荐这《11个超炫的视差滚动网站》,先感受一下它的魅力何在。

今天推荐的视差滚动网站有点特别,是纵横向兼有的,还包括了flickr、tumblr、bahance等知名网站,希望你能在这里找到灵感,创建一个自己的视差滚动网站 : )

Fendi Life

Fendi Life

Twibfy


Twibfy

The Girl Effect

新鲜热辣:48枚扁平化图标免费下载

蓝蓝设计的小编

今天蓝蓝设计跟您分享一组免费的扁平化图标,共有48个,包含了办公,社交和旅行三种风格,由Vecteezy设计。老规矩,读完readme后使用更放心哦!

微盘下载

WDD_IconsPreview

原文链接:webdesignerdepot

30个高端大气的电影宣传网站欣赏

蓝蓝设计的小编

得力于互联网的进步,电影宣传网站也成为提升电影格调的重要方面,还记得《少年派的奇幻漂流》官方网站就令人赞不绝口,甚至有人因此选择进电影院观看。现在,有很多设计师也在为电影宣传作努力,在国内,这是一个新兴的宣传方式,设计师必须在网站中平衡好视觉表现和信息传递,对经验不足的设计师来说,可能还没有头绪,那么这里有30个热门电影(饥饿游戏、了不起的盖茨比、金刚狼2等)的优秀宣传范例,你可以学习借鉴一下  : )

说到电影,推荐这10部:《设计师应该看的10部电影》,找电影资源可以到这儿:《90%的人都不知道的电影资源下载站》,大多数是高清版唷。

The Hunger Games

The Hunger Games

The Heat


The Heat

We’re The Millers

9个免费的响应式网页设计模板

蓝蓝设计的小编

随着PC端、平板、智能手机等终端的发展,设备环境(系统平台、屏幕尺寸、屏幕分辨率等)更加复杂,网页展示需要考虑到各个终端的具体差异。

因此,响应式网页设计受到了大家的推崇。通过文中的9个免费的响应式网页设计模板,希望能帮大家了解这种技术以及提高工作效率。

1、TXT

这个模板有一个主页页面以及一个博客页面。可分为一列或两列,你可以根据自己的意愿进行设定。侧边栏的个数也可以自己自由设定。(演示 | 下载

1-TXT

 

2、VERTI

一个基于HTML5和CSS3的模板。可以分列,同时提供博客和主页的模板。(演示 | 下载

Verti

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来说是完全适用的。

 

日历

链接

个人资料

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

存档