首页

2012年最佳免费网站和移动应用 PSD 界面素材揭晓

蓝蓝设计的小编

眨眼间,2012年又要过去了,长期关注 WDL 的朋友都知道,每到年末,WDL 将发布一系列本年度 Web 开发和设计领域的最佳资源。今天这篇文章与大家一起分享这一年来设计师们分享的最佳免费 PSD 用户界面素材,包含滑块、表单、按钮、菜单、进度条、播放器等等。这些免费的 PSD   素材资源对于网页设计师来说都非常有用,既能节省时间又能有很好的效果。记得分享和推荐一下哦 :)

 

Light UI Kit in CSS and HTML

非常好的一套界面设计素材资源,提供了 PSD  源文件和HTML/CSS代码下载。

Beautiful UI Kits For Web and Graphic Designers

Pure and Modern UI Kit

非常有质感的一套现代风格 UI 素材资源,包含音乐播放器、表单元素和各种操作按钮。

Beautiful UI Kits For Web and Graphic Designers

Win8 Metro UI风格Web资源大收集

蓝蓝设计的小编

最近微软已经正式发布了Windows8 操作系统,Window操作系统的风格已经完全改变成了瓦片状的Metro UI。

对于微软来说这是一个巨大的改变,而且所有微软的平台包括,桌面,平板,移动及其网站都使用这个UI风格。

Metro UI包含了所有的现代Web设计的特点,包括了,简化,基于网格的界面,并且富有连续性。 大家如果有兴趣可以看看这个界面设计说明(http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx )。

如果你也喜欢Metro风格的话,这里我们收集了很多windows 8的Metro UI风格布局资源,希望大家喜欢!

Metro风格的网站框架和模板

Metro UI CSS

Metro UI CSS是一个非常完整的创建Metro风格的网站的框架。使用LESS创建,并且拥有网格系统,排版样式,表格,按钮和图片。

同时也拥有内建的javascript组件,帮助你生成片状,菜单,边栏,进度条,提示等等

etro UI CSS

BootMetro

BootMetro是一个Twitter Bootstrap的Metro风格主题。你可以创建Metro风格的样式。例如,片状UI,工具栏,其它组件。

metro-bootstrap

56套高质量的圣诞节矢量图片素材

蓝蓝设计的小编

 再过几周,圣诞节就要来了!这篇文章给大家带来56套高质量的圣诞节矢量图素材,可以免费下载使用。设计师经常需要去网上搜罗一些矢量图片素材用于设计任务,网上的各种资源琳琅满目,要找到合适的素材可能需要花费大量的时间,这些高质量的矢量图素材既能为设计师节省时间,又能有很不错的效果。

01. Snowing Christmas Card

 

55 Free and High Quality Christmas Vector Graphics

10套精美的免费网站后台管理系统模板

蓝蓝设计的小编

Admin Panel Template

这个后台管理模板的导航设计非常漂亮,头部还有未读的短消息和提醒的条数显示。

Admin Panel Template

在线演示     PSD下载     HTML&CSS下载

 

Charisma Admin Template

Charisma 是基于 Twitter Bootstrap 制作的响应式网站管理后台模板,包含9套漂亮的主题。

Charisma Admin Template

在线演示     免费下载

精心挑选:推荐6套精美的免费 jQuery UI 主题

蓝蓝设计的小编

Selene

Selene 是另外一套色彩亮丽的 jQuery UI 主题,包含所有 jQuery UI 组件的主题样式。

Selene

 

Delta

一套非常美观的 jQuery UI  主题,使用了 CSS3 渐变特性,在暗色和亮色背景都适合。

Delta jQuery UI Theme

浅谈设计中的逻辑

蓝蓝设计的小编

逻辑,也就是思维的规律。小时候有人问我一群羊加一群羊等于多少群羊,我二话不说是两群羊,他说错了,是一大群羊。1+1=2是真理,1+1=1也是真理。逻辑的存在如同我们日常生活一样。有着密不可分的常态感。种族之间的相互不一影响着人类的认知,美国人的独立平等可不一定能让各就其位等级严格的日本人接受。所以,我理解的设计中的逻辑,是常规意识下有规范有顺序,有理有据,小到一个符号也能说明和画面的关系以及他存在的意义的。

所以,个人才疏学浅,不敢说自己写的多么有道理,只为这寥寥几年的设计工作经验和阅读书籍中得来的一些设计中的逻辑推论,总结如下。

1.设计中的阅读逻辑-古腾堡图表

美好事物大集合,设计师必备百宝箱

蓝蓝设计的小编

  环顾下四周,充电器、鼠标、本子、包包、盒子等等,有没有发现这些东西越来越玲珑,越来越满足了你的个人爱好?
        社会在倡导一种独立自我的精神,于是我们能看到各种各样的新鲜事物。即使最常见的日用品,也开始走艺术化、个性化路线,比如家居产品、生活用品、软件应用等等,这就对设计师有了更高的要求。那么,这些独特的东西都来自哪里,设计灵感从何而来?我们该到哪里发现更多这些东西?
        这些往往都归功于设计师,每一个设计师都有一份独特的情怀,我们来挖挖设计圈达人的百宝箱中都有些啥:

看到晨曦配的这些美丽的色调,很喜欢!从美好大自然中取色,学习,是最好的办法。

蓝蓝设计的小编

蓝蓝注:看到晨曦配的这些美丽的色调,很喜欢!从美好大自然中取色,学习,是最好的办法

点击查看原图

寻找设计的动机和方向

蓝蓝设计的小编

做设计久了,有时会回头想一下,到底设计是什么?

在我理解,设计的核心即把握动机、实现需求,这两点做到位了的话,整个产品的架构也就自然而然形成,剩下的工作就只是完善和调整细节。

一. 理解动机

要把握动机,首先要理解动机。所谓动机,我认为有三种,而这三种动机就是产品最终形态的来源。如果其中一样没有把握好,就无法做出好的产品。

a. 产品(功能)开发的动机
以前对这方面不太关心,做不同的产品都是怀着一样的态度一样的标准去做,作为交互设计师,只想着怎样让产品好用。但这样做出来的设计不一定能达到产品的目标,不同的产品或功能有对应不同的设计对策,根据产品开发动机的不同,我将它们分为六大类:

保守型: 这类产品也可以称为跟风型,它们的开发动机是“别人有我们也来搞”,看到这个产品有盈利可得,就来凑热闹分一杯羹,企业不会投入很多资源,产品也一般没有很大特色。如果碰到此类产品,设计师往往很无奈,如果无法与PM重新对产品进行定位,只能做些不痛不痒的东西,我们能做的就是通过设计进行细微的改善。

常规型: 企业已有的长期产品,如QQ、腾讯网等。由于产品已经比较成熟,提升空间往往在细节的体验,无论对产品还是设计,抠细节很重要,而不是一味地去增加功能。另外,随着时间推移以及市场的变化,这些产品的功能以及定位可能会发生改变,设计思路也应随之转化。

竞争型: 例如soso和电脑管家,其开发的动机并不是说一定要能打败百度和360,而是为了填补产品类型空洞,占有一部分市场,限制竞争对手的发展,像Tita也是此类产品。设计的时候要注意的是,在不损失基础功能的前提下要有一定的自我特色,差异化及一些小噱头是吸引用户的重要因素。
 

360极速浏览器品牌设计分享

蓝蓝设计的小编

项目背景

自2010年9月15日360极速浏览器发布以来,默认界面一直沿用Chrome的外观设计。随着360极速浏览器的发展以及品牌化建立的需求,360UXC与产品团队进行了深度的合作,以优化用户体验与提升视觉品质为目标参与到极速浏览器6.0版本的整体形象设计中,设计了全新的浏览器界面和官方网站,为360极速浏览器的品牌化建立打下了坚实的基础(chrome.360.cn )。

设计准备

我们为建立品牌化视觉设计进行了多种有意义的尝试,设计前期与产品部门进行了深度的沟通交流,了解产品的人群定位,发展方向,用户研究进行了核心360极速浏览器用户调研,为下一步设计做好充分的准备。之后组织设计师,进行Brainstorming,分析现在的设计流行趋势,包括相关竞品优缺点分析等工作。

首先我们从整体的设计趋势出发,研究总结Windows xp风格过渡到Windows 8的Metro风格变化过程,发现整体的界面质感慢慢趋向于平面化,这为后期设计带来了理论性依据。

日历

链接

个人资料

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

存档