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

2013-1-16 蓝蓝 行业趋势

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


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


 

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


 


 


 

阅读全文>>

标签: 扁平化设计 2013设计趋势

评论(68) 浏览(2405)

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

2013-1-15 蓝蓝 行业趋势

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


 

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


 

Regy Perlera
 


 


 

阅读全文>>

标签: 2013年数字化设计界面设计趋势 数字化设计界面 数字设计

评论(0) 浏览(3075)

20款精美的手机网站模板下载

2013-1-14 蓝蓝 网站欣赏

1. Breathe

在线演示       点击下载

2. Wizz

在线演示       点击下载

阅读全文>>

标签: 手机网页欣赏 手机网页 手机网站模板

评论(10) 浏览(2096)

20个销售顶级名鞋的电子商务网站

2013-1-13 蓝蓝 网站欣赏

01. Adidas

 

 

02. Aldo

 

20+ Top Branded Shoes Ecommerce Website Designs for Your Inspiration

阅读全文>>

标签: 电子商务网站 销售顶级名鞋的电子商务网站 鞋子商务网站

评论(46) 浏览(2603)

2012年最精彩的15个 CSS3 教程

2013-1-12 蓝蓝 设计资源

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

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

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

2012年CSS3教程 -  15

阅读全文>>

标签: css3 CSS3 教程

评论(20) 浏览(1608)

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

2013-1-11 蓝蓝 移动设备ui及体验

 

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

创建安装向导

 


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

提供app攻略





阅读全文>>

标签: App引导用户使用的技巧 app app引导用户

评论(4) 浏览(1304)

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

2013-1-10 蓝蓝 设计资源

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

Smooth Div Scroll

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

jqueryimage

Elastic Image Slideshow

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

Responsive jQuery Slider Plugins

阅读全文>>

标签: JQuery 时尚 jQuery 图片滚动插件 jQuery 插件,jQuery滚动 插件

评论(20) 浏览(1211)

移动用户体验要素

2013-1-9 蓝蓝 移动设备ui及体验

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

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

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

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

1_elements-of-mobile-ux

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

阅读全文>>

标签: 用户体验 用户体验要素 移动用户体验

评论(70) 浏览(1542)

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

2013-1-8 蓝蓝 网站欣赏

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

Yardsale

Textures and Patterns in Web Design

D10studio

21 Examples of Inspiring Typography in Web Design

阅读全文>>

标签: 网页欣赏 2012网页设计年度最佳作品

评论(0) 浏览(1459)

40套很漂亮的纹理背景图片

2013-1-7 蓝蓝 设计资源

这篇文章向大家分享40套很漂亮的纹理背景图片素材,如果你正在寻找高质量的纹理背景,那么这篇文章你一定要记得收藏。纹理背景图片对设计师来说非常有用,个性的纹理背景可以让你的网站看起来更加优雅时髦,脱颖而出。

  纹理背景图片通常都是高质量的图片,一般有木质纹理、布质纹理、金属纹理和石质纹理等形式

纹理背景图片通常都是高质量的图片,一般有木质纹理、布质纹理、金属纹理和石质纹理等形式。

Texture Backgrounds

Texture Backgrounds

阅读全文>>

标签: 设计纹理 设计纹理素材 纹理背景图片

评论(16) 浏览(1417)

Powered by emlog 京ICP备12006971号-1 sitemap