40个美观实用的响应式导航菜单设计

检验一个网站设计的优劣时,导航菜单的使用便利性是一个十分关键的因素。如果游客可以轻松的通过导航菜单找到搜索的内容的话,他们会更愿意留在网站,而不是转移去别的网站寻找。有效的导航有助于提高页面浏览量,提升用户体验,甚至增加收入和利润。

封面

随着越来越多的用户正在通过移动设备访问网站,响应式网站设计变得越来越流行。其中的响应式设计和开发网站所面临的挑战是,为网站用户创建一个有着良好用户体验的导航菜单,且这个菜单同样适用在所有类型的设备。

 

阅读全文…

跟上!充满活力的双色调设计趋势

下一季网页设计的趋势就在这里:充满活力,色彩艳丽,漂亮!

从Spotify的案例开始,双色调这种网页设计方式一天比一天流行了,仅用一对颜色去进行设计的效果非常惊人,这种风格的图片看起来非常有趣,充满活力且相当时髦,最近新的网站更新基本都采用这种设计方式。这里有一些建议可以帮助你更充分的了解和使用这项设计方法。

什么是双色调设计

1
阅读全文…

2016年三大版式风格趋势

如果你不了解设计的流行趋势的话,很难做出什么东西来,流行的元素充斥着我们的身边,如果你用的好的话,做起设计来也会觉的得心应手。

今天,我们将会谈一谈三大版式趋势,以及设计师与这些风格版式的爱恨情仇。虽然这三种风格( 复古,水彩,大标题) 相当普遍,设计师确依然不得不使用这些版式(即使他们不想用)。我们也许可以从下面的实例中找到解释的原因。

1.复古风格版式设计

1 阅读全文…

反面教材!7个让人抓狂的网页设计

有些时候,当我满怀期待地点开某些网站的时候——它们的存在简直是设计的灾难!相信我,当你看见它们也会抓狂的。从莫明的链接丢失到糟糕的可用性,我将会分享一些会让我瞬间暴走的错误设计。注意!千万别让你的用户遇到和下面同样的问题。

1.缺乏对比度

1

网页上的文字和图片都需要具备较高的可读性,最简单的方法就是让它们具有高对比度。但是许多设计师却经常忽视这条规则。

图片背景与文字对比度太差,导致文字模糊不清无法阅读,用户不仅错过这段话也错过了你要传达的重要内容。

你必须保证每一个元素都与它周围的其他元素区别开来,记住这些基本方法——色彩、空间、尺寸。合理地运用它们让你的每个元素都清晰可见吧!

上图的两个对比问题——白色的文字与浅色的图片颜色过于相近以及过小的字号都让这段文字的可读性变得极差。 阅读全文…

超全的图标设计教程和资源

现代化图标已经成为数字界面时代必不可少的一部分。它可以帮助组织内容,甚至连iPod也使用图标因为他们是传达信息的快速可视化方法。在我有记忆之前,网页设计领域就已经一直在使用图标了。这些图案符号已经通过可以让人们普遍接受的图形发展成为自己的语言,例如:文件夹,打印机,鼠标,箭头等等。

在这篇文章中,我想分享关于网络上的现代图标设计的一些想法。这其中也包含了我收集的一些代表高品质的图标设计资源的免费教程。

设计风格

“图标设计”这个词囊括了一个广泛的概念。一方面来说,这些小而简单的图标,通常作为平面设计的方式被人们所知道。而颜色的另一端是凭借像PS或Illustrator这类的数字软件实现完全的现实主义。每个项目都有一个通常落在光谱上的不同的图形化需求和图标风格。

流行的简约设计风格产生了一大批世界各地的设计师的追随。iOS7和iOS8使用的线图标也已经成为其他智能手机操作系统跟风的主要方式。图标风格的选择没有正确或者错误之分,只是存在各种不同的选择。

01-flat-vs-realism-website-layout

我认为Flat vs Realism网站把两种颜色进行对比就是很聪明的行为。图标设计包含了艺术的很多原则,像深度,比例,灯光等等。当你想向一个更现实的风格更靠近时,你需要学习如何创建看起来像是真的纹理和阴影。这需要下很多功夫,但同时也会有高回报。

阅读全文…