首页

8个获取手机应用程序设计灵感的网站

蓝蓝

曾经,CSS 画廊非常流行,网页设计师们会定期访问这些网站获取灵感。现在仍然可以方便迅速找到令人兴奋的东西(例如 Dribbble 和 Behance 对设计有很大的帮助)。

对于移动应用程序设计,存在类似的画廊,我相信他们会更加有用。这是因为如果不安装移动应用程序,灵感更难获得,也更需要时间和努力。这12个画廊有很多漂亮的应用程序用户界面,并进行了很好的分类。赶紧收藏吧!

优设好文:
强烈推荐!你应该到这里寻找网页设计灵感

Creattica – Mobile Interface

Creattica 是一个灵感画廊,展示最好的网站设计,标志设计,平面设计,摄影,作品。

Creattica - Mobile Interface

Lovely UI

收集各种移动界面元素,启动画面,按钮,导航,通知等等各种组件的设计。

lovely_ui

让网站更生动!那些在网页中完美运用视频元素的案例

蓝蓝

视频有着不算短的历史:最早是电影,然后是电视,现在出现在我们随身携带的手机、平板上。网页中也很早便出现了视频。最开始的时候是Flash格式的视频和动效。而现在除了Flash之外,我们还有HTML5和其它选择。说简单也简单,只需要在网页中嵌入几段代码,就能实现视频效果。但实际上,视频要想用的出彩,并不容易。

视频的进化

过去的网页设计,如果想要加入视频,同时还保证整体美感,不是很容易。我们来和现在做个对比。

过去:因为优美的网页设计必然需要高清高质的视频,若想拍摄好的视频,那么需要昂贵的硬件支持。
现在:相机设备越来越平易近人,手机拍照效果也越来越好,拍摄高清视频不是什么难事。

过去:若想在网页中添加动画片的,需要懂一点Flash知识或者动作脚本知识,或者干脆雇人。
现在:数不清的软件和工具,能够帮助你实现目标。

我们再来想想YouTube,创立于2005年。YouTube是广受大众欢迎的视频网站,在其中用户可以上传自己拍摄的视频片段。现在,即便是一些公司,也利用YouTube来发布产品预告。

我的看法是,YouTube催进了互联网视频的进化。他们让视频病毒式的传播于互联网中。YouTube的理念前无古人:任何人都可以发布视频、分享喜爱的视频,不论视频拍摄者水平的高低、经验的多寡。更平易近人。

现在的互联网视频

时至今日,我们的技术越来越先进,手段越来越丰富,我们甚至可以抛弃Flash.HTML5技术可轻松实现视频播放。技术越先进,我们的设计便越方便,可设计的空间也越大,用户体验也自然更好。

那么,在网页设计中加入视频的好处是什么呢?

视频元素有哪些用处?

视频的使用方法有很多,均能够提高用户的浏览体验。一图胜千言?没错,那么只要播放流畅、加载迅速,那么视频的传达能力完全可以超越图像,从而提高整体设计水品。

不过设计前还是要理性思考一番:添加视频,利大于弊,还是弊大于利?

倘若是视频可以更好的传达想要传达的信息,更好的传递品牌、产品、服务的信息,那么便采用。

倘若添加视频后,同时引入了一些不利于浏览的元素,这时候便该谨慎取舍了。

10个增强Web字体排版的jquery插件

蓝蓝

虽然Web字体版式技术在各种定制化字体解决方案(比如@font-face, Google Fonts)的支持下一路蓬勃发展,但是在我们在设计和桌面app开发中仍然对其缺少精准的控制和把握。还好有一系列的强大功能jquery插件帮助我们解决这个问题。这篇文章详细介绍了近10个最流行的Web字体版式插件,它们允许我们润色字体版式并创造出更多超级酷的效果。
不得不说,网站本身也创意十足,个性满满哟:)

Lettering.js

Lettering.js example

Lettering.js 是最简单最流行的网络版式插件之一。通过分拆每个文本,并将每个字母放在定制好的<span>中,该插件能够让你精准的操控标题版式。使用它小心的调整你的字距或者添加各式各样的CSS,从而让每个单词都有超级赞的效果。

 FitText.js

FitText.js example

交互式网站设计很好用,它允许内容根据用户的查看终端的大小自动调整。自然地你的web文本随着查看它的浏览器或者终端大小变窄而自动收缩,但是某些情况下会使题目和标题变得有点难看,尤其是由于文本自动缩进或者多出新的一行等情况。这就是FitText.js插件的功能,它能够使你的标题像一张回应式图片一样调整大小,单词不会出现跑到新的一行的情况。

想学响应式设计?来看史上最全的响应式设计资源库

蓝蓝

想学响应式设计?来看史上最全的响应式设计资源库

响应式设计起源:Ethan Marcotte在2010年写了一篇响应式的文章,宣扬这种新式的网页设计思想,经过3年的发展,响应式设计得到了众多设计师的认可。

本文的目的在于为大家集中推荐一些最有价值的响应式设计资源。包含了CSS框架、在线工具、准备阶段的工具等等。

推荐阅读:
《不要落伍!来和小伙伴一起学习响应式网页设计》
《来试试响应式设计!25例优秀的响应式网页设计赏析》
《年终特典!当下最热门的网页设计趋势总结》

CSS 响应式框架

这一部分主要介绍了一些的CSS响应式框架,更轻量,而且兼容性也不差。(Foundation,Skeleton是较为老式的CSS响应式框架)

Girder
Girder 使用了Sass silent classes (占位符,输出时不会体现)在HTML中组织内容,标记能够额外处理一些表象类(presentational classes ),比如 “unit_1of4″, “small-2″, “grid4″.

responsive-design-1

15个华丽丽的模糊大背景网页设计

蓝蓝

推荐:网页设计趋势案例:15个华丽丽的模糊大背景网页设计
现在大模糊背景图像在网页设计中越来越受欢迎,
高斯模糊的加入不仅创建了一个朦胧弥漫的效果,
具备高端观赏性的同时,
它还可以强制性引导用户关注主要信息内容,大大提升了信息的易读性。
一起来欣赏这15个网站吧:)

HappyTables

View the website

Tiny Factory

View the website

Do

View the website

超赞!25例交互体验极佳的网页设计

蓝蓝

25 Modern Web / Interactive Websites Design Examples

本文介绍的案例均使用了的HTML/CSS 以及 JS 技术,从视差滚动到响应式设计,实现了良好的交互性,为用户提供更好的浏览体验。我们来快速阅览一下吧。

推荐阅读:
《网页设计新趋势!25例出众的响应式导航设计》
《让网站更生动!那些在网页中完美运用视频元素的案例》
《不要落伍!来和小伙伴一起学习响应式网页设计》

 

Melbourne Remote Control Tourist

的远程旅游体验,这个概念不错吧!

Melbourne Remote Control Tourist

Melbourne Remote Control Tourist

Portfolio

展示了设计师 Bradley Haynes的作品,他来自旧金山

一组赋予你扁平化配色灵感的网页设计(附配色工具)

蓝蓝

 

近期我们看到了扁平化配色的一个趋势,很多Flat Design网站使用了耀眼、明亮的色彩,如果是以前我会觉得用这类颜色会有点花哨,但当我看了相关的扁平化设计作品,发现这并不花哨,反而很好看。

我想大家最近也看过iOS7的界面设计和iPhone 5C新款手机,那是一种充满活力、时尚新颖的颜色,即使用在网页设计上也非常不错,下面大家看看来自line25整理的扁平化网页作品,希望能给你带来创造灵感!

扁平化配色神器:
扁平化设计配色参考网站:FLATUICOLORS

Apple

除了导航保留原味,苹果官网该平的都平了。。。

Apple

Mud

Mud

关注App设计!20个漂亮的扁平风格移动端界面

蓝蓝

现在扁平化风格在网页设计方面已经有许多优秀的范例了,比如这22个超赞的扁平化设计经典案例就有很多我们可以借鉴学习的地方。但是移动端的界面设计扁平化风格较少,所以今天从BehanceDribbble收集的这一组移动端的扁平化设计就该好好看看咯,学习一下它们优秀的细节和配色吧 : )

如果你对扁平化风格的网站更有兴趣,那么推荐阅读:
一组赋予你扁平化配色灵感的网页设计

Yummly Mobile

提升网站用户体验:你不能不知道的6条专业建议

蓝蓝

作为网页设计师,我们知道,我们的任务就是与用户对话。这就是为什么我们能够从容的着手眼前的工作。我们选择颜色、字体,以及要使用的网页布局,甚至编写CSS的方式,所有的东西看起来都那么有目的性。

正如我们精心制作设计时,我们会意识到结果会透露出一些关于我们,设计师的内容。然而这些我们所设计东西并不是总能很好道出我们的初衷。

所以每当你正在进行一个网站的设计,问自己:我们如何给用户更好的关怀感?

浮动窗口广告 = 金钱比UX和内容更重要

因此,很多网站都选择了浮动窗口或者遮罩层广告,这似乎是现代形式的弹出窗广告。

就像他们的前辈,弹出窗口广告 ,浮动窗口的广告很烦人。

浮动窗口广告是非常具侵扰性的策略,从而影响并且中断用户体验

想「广告」与「用户体验」二者兼得的同学推荐阅读:网站广告和用户体验的平衡之道

 

wps_clip_image-7620

如果你的用户非常艰难的才能访问到你的网站上的内容,那么你一定有些地方做错了。你的设计应该展示给用户的最优先事项是它的体验,当然也要说明网站的内容也是十分重要的一方面。

通过中断,延迟,或者别的什么方式让用户千辛万苦地才能了解到您的内容,那么你是在告诉他们,用户的价值低于金钱。

同样,任何强迫用户注册,登录,填写邮箱等方式才能访问到内容,都应重新考虑是否涉及欠妥。

试想一下这种情况:由于你当前的主机无法满足现有需求,于是你拼命寻找一个新的主机。它只是不断崩溃,而这是在告诉你,你已经超越了当前解决方案(PS:顺便祝贺你站点的成长)。

如同很多科技的创业者们,你最初的解决问题的行动是用谷歌搜索一台新的主机 。

你偶然在Quora看见了一条线索,一个很多如同你一样的创业者们经常光顾的站点。

7个设计师必备的国际顶尖设计网站

蓝蓝

成为dA(deviantart)的忠实用户有很多理由——dA是最大的艺术社区;成为dA用户简直是设计新手的必经之路。但是,这些都不妨碍你加入其他专业的网站来展现你的才华。

创立于12年前的dA现在拥有最多的艺术爱好者受众。然而,最近有人说dA有太多的作品只有在你脑补能力超强的时候才能称之为”艺术”。用户太多了,所以各种批评的声音也纷至沓来!不管怎样,不管你喜欢与否,dA是一个很棒的艺术社区,不过,加入其他艺术网站也会让你受益良多。

今天,我们来了解七个主要的可作为dA替补的艺术社区来激励设计师和有创意的艺术家。

preview-large-7bestdaalternative

1.Behance


1-Behance

与dA不同,Behance是为那些专业艺术家,那些以艺术谋生或者将艺术作为一个非常严肃的爱好的人建立的。由于严格规定和高标准,Behance正在成为一个高级的专业网站。

Behance的网站看上去很直观,很有条理:作品按小组,类别,甚至国家来分类。用户可以根据爱好,专业水平或者正在一起做的项目来建立朋友圈或合作伙伴圈。如果你想找这个网站的亮点,那就看看招聘版块和交互系统吧。在Behance,艺术家们能得到一致的作品集系统来按照步骤展示工作流程和项目进度。虽然一堆大手的名字会吓到新手,但是Behance可能是唯一能与艺术家和设计师分享你的经验和知识并且获得专业反馈的地方。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档