首页

从Metro设计语言谈WEB设计中的排版

蓝蓝设计的小编


 


首先谈一下“Metro”——由微软公司开发内部名称为“ typography-based design language”(基于排版的设计语言)。


Metro是基于瑞士平面设计的设计原则(清晰,真实,美观),来源于交通指示牌。生活中人们行色匆匆,更需要提供快速,简洁,直接,明确的设计。现在的互联网又何尝不是如此,快捷获取信息的同时,信息泛滥、庞杂无序,简洁之风深入人心——减少元素,以显现本质。良好的排版有助于Web设计更加简洁有效。

 

扁平化——2013年新的设计趋势

蓝蓝设计的小编

越来越多的设计网站已在UI上走扁平式设计的路线。谈到设计,无论是一个网站还是一个应用程序,扁平化和极简的设计正在成为新的趋势。人们正在远离一直很受欢迎的skeuomorphism设计(模仿实物纹理),苹果推出iOS时许多设计师都采用它。


但随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸,创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计,你可以一次保证在所有的屏幕尺寸上它会很好看。


 

下面给出一些扁平化设计很好的例子。


 


 


 

2013年数字化设计界面设计趋势

蓝蓝设计的小编

数字化设计,尤其是界面设计,新趋势之一就是简单。其实微软早在2007年可能已经开始进行对简单界面的追求了,当时他们推出的Zune播放器拥有优美的排版界面。尽管该产品的有些失败,但其UI进行了改进并且应用到Windows Phone和Windows 8界面设计里。另一方面iOS上在大量逼真的纹理和深度的基础上,加上渐变、光泽的风格效果和阴影效果,但是我们开始看到越来越多适用于所有平台的应用程序采用了更简约的方式。


 

在这篇文章中,我们配合一些漂亮的设计说明这一趋势。这些照片来自Dribbble,点击图片可访问作者页面获取更多信息。
 


 

Regy Perlera
 


 


 

2012年最精彩的15个 CSS3 教程

蓝蓝设计的小编

01. 使用jQuery和CSS3实现翻转滑块

展示产品的方法有很多,其中之一是使用网格样式的滑块效果。

在本教程中,我将分享如何使用 jQuery  和 CSS3  变换实现翻转滑块效果的产品展示。

2012年CSS3教程 -  15

App引导用户使用的八个技巧

蓝蓝设计的小编

 

开发者要在智能手机有限的空间发挥无限的创意和价值,这的确不是一件容易的事。为了使用户更有效地使用app,开发者的app必须要做到精简和直观。另外,开发者更要巧妙地引导用户去发现和使用app的功能,本文为开发者提供了一些小技巧。

创建安装向导

 


安装技巧如果你的app对用户输入依赖程度比较高,一个不错的办法是设置安装向导,在用户第一次使用的时候,就可以收集不少有用的信息。创建一个自定义安装向导,你可以把这个单调乏味的过程变得有趣和充满创造力。

提供app攻略





提升网站档次的时尚 jQuery 图片滚动插件

蓝蓝设计的小编

这篇文章向大家推荐8款时尚的 jQuery  图片滚动插件。jQuery 是最流行和使用最广泛的 JavaScript  框架,它可以让帮助你在你的项目中加入一些很炫的图片滚动效果。希望这些插件对你有所帮助,能够帮助你节省时间和精力。

Smooth Div Scroll

效果非常平滑的鼠标悬浮图片切换效果,提供了非常详细的使用帮助文档和示例。

jqueryimage

Elastic Image Slideshow

最后这款也是带缩略图功能 jQuery 幻灯片插件,效果很炫。

Responsive jQuery Slider Plugins

移动用户体验要素

蓝蓝设计的小编

移动用户数和手机使用量都在逐年增加。随着越来越多的用户使用手机完成任务(参见The Future of Mobile ),如何改进移动用户体验的各个影响要素,便成为值得关注的焦点。

  移动用户体验是指用户使用低端功能机到高清平板电脑间的任意设备中,与移动产品(浏览器或App )互动之前、之时及之后的认知和感受。

  为了创建令移动用户愉悦的体验,我们必须重新思考那些长期以来被认为理所当然的桌面端设计。移动用户体验的复杂性源于移动设备的特性,主要包括:小屏幕,设备特性的巨大差异,电量和网络的限制,难以定位又永远变化的移动使用场景。

通过解析移动用户体验的重要组成部分,我们可以得到一个概念框架来构建和评估好的移动体验。这些部分在文章《以用户为中心的移动设计方法》
中有所提及 
(参见
user-centered approach to designing for mobile
)。下图组成要素决定了移动用户体验,包括:功能、情境、用户输入、内容和营销等等。

1_elements-of-mobile-ux

   以上这些要素的重要性会根据设备类型不同(如非智能手机、智能手机、平板电脑)和界面显示不同(如 App Web )发生变化。本文将简要介绍这些要素,并详细说明相关的重要准则。

2012年度最佳网页设计作品出炉

蓝蓝设计的小编

这篇文章向大家展示2012年里在纹理应用,图像选择,文字排版和导航设计等各个方面都特别优秀的网站作品。你需要花时间慢慢浏览这些优秀的设计,看看2012年里这些让人难忘的创意网站作品能带给你哪些启发。

Yardsale

Textures and Patterns in Web Design

D10studio

21 Examples of Inspiring Typography in Web Design

日历

链接

个人资料

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

存档