首页

国庆干货第一波!20个实用便捷的CSS3工具、库及实例

蓝蓝

编者按:坊间传闻,有本CSS的高手炼成秘籍在江湖失传已久,书中所载,多为的惊人技术与实例示范,是为集大成者,一旦学成,代码效率猛增,功力提升数倍,今日偶获,不敢怠慢,赶紧发到优设,望人人受益。说人话:好东西呀快来看呀!

在本列表中,。我们从多位艺术家那里搜集了惊人的例子,足以证明使用CSS,一切皆有可能。我们还收集了一些关于CSS 3的不可思议新功能的文章,以及一些有用的CSS库。接下来的内容会让你目不转睛,所以让我们开始吧!

不可思议的CSS 3新功能:Tutorialzine.com

为了充分感受这些例子你需要的浏览器,比如Chrome。

UI设计师大礼包!2014年最全的ANDROID GUI模板和线框图免费下载

蓝蓝

编者按:距离上次分享GUI模板有很长时间了,这段时间里设计趋势不断变化,谷歌推出了的Android L以及全新的界面设计,UI设计师又有得忙了,今天收集了一组实用的GUI模板和线框图,包含的Android4.4,Material Design,Android 可穿戴设备等等,控件全面,拿来即用,建议收藏待用呦。

第一次印象的好坏,引导页是如何做到的?

蓝蓝

当你第一次打开一款应用的时候常常会看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验。因此各个公司都在努力将这几个页面设计好,从一开始就引人入胜。那接下来我跟大家一起来探讨关于引导页的设计。

一、 目的区分

根据引导页的目的、出发点不同,可以将其分为功能介绍类、使用说明类、推广类、问题解决类,一般引导页不会超过5页。

1.功能介绍类

功能介绍类引导页主要是对产品的主要功能进行展示,让用户对产品主功能有一个大致的了解。采用的形式大多以文字配合界面、插图的方式来展现。

以易信为例,采用文字与水彩插图结合的方式,文字分为2个层次,大标题与小标题,大标题是对主功能的概括,小文字是对其功能模块的详细描述或进一步补充说明。

从“令人发指”的苹果来看所谓的细节设计

蓝蓝

什么是细节设计?在讨论这个问题前先来看个案例。如果你手里恰巧有 iPhone 4s / 5 / 5s,请随便打开一个可以调出虚拟键盘的应用「比如短信」。注意观察键盘的最后一行,相信看这篇文章的人都是中文用户,所以在你的 Space 键「空格键」左边一定有 Globe 键「用于切换输入法的那个小地球按键」和 Dictation 键「画着麦克风的语音输入键」。然后去到 Settings「设置」- General「通用」- Keyboard「键盘」- Keyboards「键盘」,将除 English「英文」之外的输入法全部移除后再回到之前的虚拟键盘,你就会得到下面的两幅图。

扁平化救星!页面动效能否拯救扁平设计?(附工具推荐)

蓝蓝

编者按:动效现在是扁平化身边的大红人,哪里都有它的身影,动效能否为扁平化增光?设计师有什么利器可以绘制动效?昨天发现一篇好文,关于这两方面都有实在的干货分享,建议同学们当机立断,先转后赞,特别要记得看。

作为一个网页设计师,我们需要努力让我们的技术与技巧与时俱进。我们不用追随每一个时代潮流(比如长投影),但是我们的确需要随着网络的发展与成熟,不断学习并提高我们的技巧。

网页设计产业最近开始火热的新发展之一便是动效,越来越多的公司在他们的应用和网站中放入动效以取悦用户,从竞争对手中脱颖而出以及提升产品的可用性。

动效需求如此之高的另一个原因在于网页扁平化的潮流。扁平化设计整体来说是挺不错的,而且使得人们寻求新的方式来改善它为数不多的问题。

高手作品!21个布局超赞的欧美网页设计模板PSD免费下载

蓝蓝

有时候看到有人说国外的网站风格不适合用在国内,这是不对的,网页重点是布局排版和配色,而欧美的网页有很多创新的布局,配色也很棒,这些都可以参考,今天我们整理20+排版超赞的欧美网页设计PSD模板,无论是新手或是进阶设计师都可以下载来学习,还允许免费商用呦!

下面一起来看看这组免费的网站模板素材,有很多不同的行业类型供你参考噢!

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档