首页

20个优秀的国外扁平化网页设计作品

蓝蓝

扁平化设计为印刷品、网页和移动操作系统的设计带来了新的变化。扁平化设计最核心的地方就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等能做出3D效果的元素一概不用。所有元素的边界都干净利落,没有任何羽化,渐变,或者阴影。

更少的按钮和选项使得界面干净整齐,使用起来格外方便。可以将信息和事物的工作方式更加简单直接的展示出来,减少认知障碍的产生。越来越多的公司正在效仿,比如下面这些:

 

Who Wanna

10.flat websites

Very-Make


18.flat websites

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

蓝蓝

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

如果你对扁平化风格的网站更有兴趣,那么推荐阅读:
一组赋予你扁平化配色灵感的网页设计
怒赞!2013扁平化设计终极指南
专属扁平化设计的PS色板(配色库)

 

uiGo Colors – iOS Flat UI Bundle

 

11月份免费新鲜的27款UI组件下载

蓝蓝

设计师们还没更新模板吗?这是优设10月份搜寻的UI模板,总共有27款,大多数为扁平化设计,都是免费且的,希望这些收集能给你正在进行的项目一点帮助 : )

同样精心收集,希望对你有帮助 : )
52款新鲜免费的优质界面PSD下载
50个超赞的免费设计师工具资源下载

Apple Product Line Wire Frame PSD by Rubayath

Apple Product Line Wire Frame PSD by Rubayath in 27 Fresh UI Kits for October 2013

 

Chrome UI Kit v.2 by Todd Hamilton

Chrome UI Kit v.2 by Todd Hamilton in 27 Fresh UI Kits for October 2013

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

蓝蓝

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

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

Yummly Mobile

年终特典!当下最热门的网页设计趋势总结

蓝蓝

11

 

本文总结了最近网页设计领域比较热门的几种技术,代表了一定的趋势,设计师们要跟市场接轨,紧跟潮流的脚步,可以阅读这篇总结,肯定大有裨益。

腾讯cdc:技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地。而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意。所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧。

我不敢大言不惭的说这就是网页设计的必然趋势,这只是本人对当下网页设计做出的一些小总结。希望这样的归类总结能给你带来更多的思路和想法。

01. 响应式网页设计(Responsive Web Design)

现在越来越多用户都拥有多种终端:台式机,笔记本,平板电脑,手机,能够适应不同尺寸显示屏的网页是现在的潮流,甚至是未来很长一段时间的设计趋势。那么响应式网页设计就是来解决这个问题的。这种特别的开发方式能保证网页适应不同的分辨率,让网页要素重组,使其无论在垂直的平板电脑还是智能手机上,都能达到最好的视觉效果。

除了多终端的多样化,我们还可以看到我们的电脑屏幕,手机屏幕都在不断变大,而在对未来生活的预测、概念设计里,”屏幕”这个产物更是被运用到多种新平台上。例如微软发布的”未来生活概念视频”里,厨房、室内墙壁、办公室玻璃墙面都成为了交互平台。所以我们可以发现,响应式网页设计所具备的良好的适应性和可塑性,在未来的网页设计里将占有举足轻重的位置。

8个在网页设计中即将被淘汰的趋势

蓝蓝

时代一直在变,一个又一个的创新让我们感到惊讶万分。网页设计的趋势如同流星,光芒耀眼,但来得快、去得也快。虽然跟风很不好,显得毫无设计主见,但很多设计潮流确实值得追随。就像当下响应式设计、扁平化设计、以及滚动视差等。

可是呢,还有很多极为”糟粕”的设计趋势,本文一一列举,请君对号入座。

相关推荐:
《年终特典!当下最热门的网页设计趋势总结》
《网页:滚动视差设计指南》

1. 除了电话线时代的老顽固,现在已经没人喜欢页面跳转了

webdesign-annoying-trends

“下一页”、”下一张”,明明一页就能展现的内容,非要跳转20多次才能看全,你把用户当傻子?操作繁琐、浪费时间、效率低下,没人喜欢页面跳转过于频繁的网页。

2. 十面埋伏的广告

webdesign-annoying-trends

确实有很多网站的维持依赖广告收入,但是广告的位置一定要合理,不要妨碍用户浏览信息,用户体验永远位于广告之上。没有用户访问量,也就没人找你打广告。

年终特典!当下最热门的网页设计趋势总结

蓝蓝

11

 

本文总结了最近网页设计领域比较热门的几种技术,代表了一定的趋势,设计师们要跟市场接轨,紧跟潮流的脚步,可以阅读这篇总结,肯定大有裨益。

腾讯cdc:技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地。而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意。所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧。

我不敢大言不惭的说这就是网页设计的必然趋势,这只是本人对当下网页设计做出的一些小总结。希望这样的归类总结能给你带来更多的思路和想法。

01. 响应式网页设计(Responsive Web Design)

现在越来越多用户都拥有多种终端:台式机,笔记本,平板电脑,手机,能够适应不同尺寸显示屏的网页是现在的潮流,甚至是未来很长一段时间的设计趋势。那么响应式网页设计就是来解决这个问题的。这种特别的开发方式能保证网页适应不同的分辨率,让网页要素重组,使其无论在垂直的平板电脑还是智能手机上,都能达到最好的视觉效果。

除了多终端的多样化,我们还可以看到我们的电脑屏幕,手机屏幕都在不断变大,而在对未来生活的预测、概念设计里,”屏幕”%

大猜想!扁平化之于苹果的真正意义

蓝蓝

大猜想!扁平化之于苹果的真正意义

揭开iOS7扁平化的外衣,深入探索苹果的新式设计语言,一起来猜想一下新的设计风格是如何在iWatch iTv iCar上实现。

当谈到Jony Ive,我们就不得不谈到他在iOS7上的大改造,普遍看法是,这种改变仅仅是外观上的改变,换汤不换药。

iOS7的神秘面纱于2013年6月揭开,设计灵感来自德国已故传奇设计师Otl Aicher。
Jony Ive在iOS上决定采用扁平化风格,这就意味着以下几点风格的转变:

1、用色愈发大胆、鲜艳;
2、界面会拥有更多的留白空间,让元素更好的呼吸;
3、字体运用会更加优雅灵活;
4、即将使用大量的几何形状。

这就是Jony Ive摒弃拟物设计的原因。iOS7的推出,也可以看成是Jony Ive对拟物设计的宣战。

iOS7的扁平化设计非常”万金油”,不但适应了今天的iPhone以及iPad设备,也能够应用于未来的iWatch,iTV,iCar等设备。

超赞的IPHONE6概念设计欣赏

蓝蓝

一如往常,设计师们会对自己希望或者是预期见到的东西做一个原型设想,这些iPhone6概念就是其中的一个原型。不过,关于这些独特的设计有些东西不得不说。

那么新iPhone理念中与众不同的东西是什么呢?大家能注意的最瞩目的就是它在外观上像极了iPhone5,但是屏幕一直环绕到手机边缘。我个人认为这种设计非常简洁,但是从实用性的角度来说,在使用上这个设计未必会很好。不过这一点也恰恰是一直以来我所谈到的用户体验主张。

大家可以从下面的图片中看到,一些设计者把那个空间用于小按键的社交媒体,其他的空间则延续了他们界面的漂亮背景。这种手机边侧延伸非常符合审美,虽然让如此狭小细长尴尬的空间派上更大的用场实在难之又难。

效果图片

因为配色中温暖的红色基调,整个上面的界面非常丰富。顶上的背景极为有趣,很好的应用了不同颜色配搭撞击出来的效果。看到它,你便会被深深吸引。总的来说这个界面并没有太过的地方,因为除了一个简单的三角形标志,一个标题和一个订阅按钮再没有其他东西了。


这张图片展示的是不同寻常的twitter界面,但是它和ios7的设计风格保持一致。大家可以看到twitter app的功能是一样的,但是崭新的涂漆让它看上去像苹果自己的新设计一样。这张图片很不错,我尤为喜欢那些小巧的解说箭头,它们增添了些许设计触感。你是不是也这样觉得呢?

五条法则,帮你打造典型扁平化产品

蓝蓝

如今设计界最炙手可热的明星大概就是扁平化设计了吧,关于它的讨论至今都没有冷却的迹象。诸多设计师分成了泾渭分明的两个阵营,一边努力把扁平化做到,一面对其不屑一顾。

我是个骑墙派,不支持也不反对,在我看来,优秀的设计的定义就是好用,只要能设计出优秀的产品,我可以采用任何方式,扁平化也是其中之一。但是必须意识到,没有哪种风格是包打天下的,不能强行将一种风格应用到不该用的地方。

那么,扁平化究竟该怎么实现怎么应用呢?下文将要做的就是分析扁平化的五个最典型的特征,同时也介绍一下伪扁平化(不含贬义,只是一种折衷的设计方式)。

一 、拒绝

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档