首页

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

蓝蓝设计的小编

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

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

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

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

webdesign-annoying-trends

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

2. 十面埋伏的广告

webdesign-annoying-trends

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

导航设计趋势!关于图标式导航的改进

蓝蓝设计的小编

不知不觉的,很多网页设计中采用了图标式导航(Navigation)——一般使用三道杠作为图标,用以导航。
这种导航的好处是节省空间,让界面更简洁。

图标式导航的案例

这是YouTube 图标式导航(移动版):

为导航瘦身!关于图标式导航的改进

这是Squarespace的图标式导航:


为导航瘦身!关于图标式导航的改进

AWARD的图标式导航不拘一格:

不用编码!全球10大高端建站神器推荐

蓝蓝设计的小编

这不是天方夜谭!你不需要知道HTML、CSS、PHP和其余晦涩难懂的语言。这些工具就像一个图像编辑器,只需绘制矩形、填充颜色。我知道这很难相信,但他们就是存在!而且全球备受赞誉!

1、IM Creator

优设网10大零编码基础的建站神器

听我说,我们的IM Creator易用性和多功能性超越了很多客户的预期。只需要你把控住超级菜单,根据您的需要做相应的拖放和功能选择。它们包括视频、图片、画廊和幻灯片、按钮、超链接、甚至一个HTML小部件。

最酷的地方在与你不需要创建繁琐的帐户,你可以轻松上路。唠叨了半天,我差点没有提到最好的部分:以上所有服务都是完全免费的!

2、WebStartToday.com

优设网10大零编码基础的建站神器

如果你是一个细节癖,喜欢抠各种设计细节,那么你完全应该来看看WebStartToday!这里提供了超过1000个不同的网页模板来匹配你的需求!甚至那些很少见的模版:旅行、夜生活、豪华轿车服务、锁匠、美食、琳琅满目数之不尽!

当然这并不意味着我们的模版就是千篇一律,随处可见的!在这里的模版,可以保证是独此一家的,如果你在其他地方发现了,那一定是他们借了我们的宝贝,偷偷的!

网页新趋势:革命性的创新网页导航设计

蓝蓝设计的小编

每个网站有属于自己的个性——它能反射出背后的个人或者团队。如何做到让自己的网站显得与众不同、卓尔不群,让用户流连忘返或者立马下单?

为了让你的网站脱颖而出,不仅需要有丰富的高质量内容,同时也要兼顾网站的创新性和功能性。从用户的角度出发好好想一下,怎样让你的网站用户体验更友好?简单的搜索功能是需要的,或者你也可以精心设计一下网站的导航。同时,要注意保持整个网站设计语言的一致性。在这个html5狂潮涌进的时代,诞生了很多优秀的网页设计作品,他们都有卓越的导航设计,接下来整理的这些网站将唤起你关于导航的极限创意,快来亲自体验下吧!

Toybox

在需要的时候导航栏应该一直在那里,而当用户想要专注于某个特定的任务时,导航栏则应该优雅的隐藏起来。比如说,在设计一个网上商店的出纳页面时,网站的导航应该可以随时都易于使用,但同时也要注意突出像出纳表单和按钮控件之类的鲜明功能。Toybox的导航设计就恰好满足了这些。

如下图示,这个侧边导航给人的感觉就像是你在窥视页面背后或者是掀开了一个玩具盒的盖子看看里面到底有些什么。这个侧边导航非常方便使用,鼠标悬停在浏览器左侧即可出现,主体部分即时出现的旋转效果也很带感,可以很好的引导用户的注意力。将导航隐藏起来同时也实现了界面的简洁,使网站的浏览体验非常的愉悦,因为网站并没有留下太多无用的信息去分散用户的注意力。

Toybox

至于其他你想知道的信息,比如说Toybox公司的主营业务和地址,可以在顶部的一个直接呈现的导航栏里找到。首页的磁贴鼠标hover效果也非常的有趣,当鼠标悬停于某个项目的缩略图时,其余的项目缩略图都后退变暗并且产生景深的效果。

Olivier Bossel

交互设计师Olivier Bossel的个人作品博客非常有趣。该网站的导航元素在鼠标hover状态下会产生像素爆炸式的效果(译者注:火狐浏览器测试通过,chrome测试无效果)。这个效果相对于网站其余的简洁设计来说非常有动感,由此产生强烈的对比效果。作为一个视觉元素它非常有效的促进了用户继续阅读该网站,统一的视觉语言也彰显了品牌的特点。

Olivier Bossel

来试试响应式设计!25例优秀的响应式网页设计赏析

蓝蓝设计的小编

通过我们长期对设计类网站的发掘,总结出了一个现象,那就是很多关于响应式设计的文章只给出了桌面版的网页设计,却没有提供移动版网页设计的对比,这在我们看来,多少显得有点不够专业。

于是,我们在这里收集整理了25例优秀的响应式网页设计,均有桌面版和移动版的对比。在方便您阅读这篇文章的同时,您不妨也思考一下灵活性这个主题。
对了,如果您还不够了解响应式设计,请至我们这篇文章《经验分享:响应式排版中的基础知识》回顾学习。

 

Whisperism

Responsive Websites

 

World Wildlife

Responsive Websites

 

Naspa

Responsive Websites

超赞!精致典雅引人注目的黑色系网站设计

蓝蓝设计的小编

Hotel Bourg Tibourg

有同学喜欢玩黑白配,但是却一直不得要领,总设计不出让人眼前一亮的佳作出来?今天就让我们来这些优秀案例里找原因。

深色的背景看起来具有神秘感,能提供前景元素、背景元素的高度对比。有了黑色的铺垫渲染,任何一个色彩都可以轻易在它之上焕发光彩。
那么怎么才能更好的在网页设计中运用深色背景呢?想要成为一名”高级黑”设计师吗?先来欣赏本文的绝赞范例吧。

The Blue Cube

外观整洁干练,对照鲜明。黑色背景凸显了白色文本。

The Blue Cube

 

网络营销常用方法及术语

蓝蓝设计的小编

最近看到一些刚接触网络营销的朋友,对于网络营销一些常用的方法以及概念性的东西都不是很了解,在交谈中说到软文营销、IM推广等这些的方法时他们就不知道是什么意思。在此小篇整理一部分常用的网络营销方法和术语,希望对新人有帮助,高手看到就请绕行。

网络营销常用方法

什么是网络营销?以国际互联网络为基础,利用数字化的信息和网络媒体的交互性来辅助营销目标实现的一种新型的市场营销方式。简单的说,网络营销就是以互联网为主要手段进行的,为达到一定营销目的的营销活动。(摘自百度百科)

搜索引擎优化/SEO:利用搜索引擎的搜索规则来提高网站关键词排名的方式。

搜索引擎营销/SEM:利用搜索引擎进行营销推广的,比如SEO、竞价推广等都属于SEM。

百度网盟推广:在百度的联盟网站上以图片或文字的形式展现广告。

软文营销:以文章为主,专门通过文字去宣传推广产品,或以新闻稿来提升品牌知名度。

数据库营销:通过收集和积累会员信息,经过分析筛选后有针对性的使用电子邮件、短信、电话等方式进行客户尝试挖掘与关系维护的营销方式。

邮件营销:在用户事先许可的前提下,通过电子邮件的方式向目标用户传递有价值信息的一种网络营销手段。

IM/即时通信营销:利用QQ、MSN、YY等即时工具营销推广的。

博客营销:利用新浪博客、百度空间等平台进行推广的方法。

微博营销:利用新浪微博、腾讯微博通过活动吸引粉丝关注,发布包含140字营销信息、图片、视频的内容。

微信营销:伴随微信的火热产生的一种网络营销方式,用户订阅自己所需的信息,商家通过提供用户需要的信息,推广自己的产品的点对点的营销方式。

灵感创意!15个整洁的小型网页设计

蓝蓝设计的小编

作为一名网页设计师,有时会使用很多不是必需的元素或者大量的复杂色调来使页面脱颖而出。这样做往往会使页面看起来太过花哨和分散用户的注意力,无法突出页面的内容。大多时候你会发现使用简单的设计方法就会达到很好地效果。因此,今天我们收集了15个新鲜的用简约风格设计的页面来启发大家的灵感。

相关推荐:
《11个超炫的视差滚动网站欣赏(附神器推荐)》

《awwwards上推荐的20个拥有创意布局的网站》

Arko

畅游VC-优设截图

Orchard Keepers

畅游VC-优设截图

提高网站浏览体验的5条建议

蓝蓝设计的小编

提高网站浏览体验的5条建议

当你浏览一款网站时,一般会迅速的对网站的外观和使用感受做个评判,整体的设计风格是第一印象,能否引导用户继续阅读取决于此。

金玉其外败絮其中必然无法长久,功能性也是重要考量。推荐您也好好学习《网站用户体验的76个要点》
好的用户体验不仅仅关乎到功能性和设计美学,还需要考虑很多因素,我们一起来看一下吧。

一致性

最重要的交互元素一定要友好,并且风格一致。

尽管在设计一款网站时,我们可以融入很多创新点和美学风格,但是一些经常使用、且重要的元素,风格一定要一致,比如按钮、链接、导航栏、表单等等。我建议可以多浏览一些电商网站,他们在这一点上做的就很棒,他们通常有很多的茶品页面,但是整体体验却相差不大,我们可以看看优衣库的网站。

Consistency is one of the most important aspects in web design.

 

  • 像产品类别、当前按钮和重要的文本信息都通过红色来高亮显示
  • 页面不同,布局基本相同。

推荐!20个绿色网站设计欣赏

蓝蓝设计的小编

@Iamkikidong 如果在网页上合理地使用大片的绿色,不仅能营造出清爽,自然的界面,还能让访问者感到轻松自在,增加网站的亲切感。事实上绿色有很多的色调,这形成了一个非常灵活的色彩,它可以在色盘的黄绿色端显得很“温暖”,又可以在蓝绿和碧绿方向显得有些“冷”。一个柠檬绿可以让一个设计很“潮”,橄榄绿则更显平和,而淡绿色可以给人一种清爽的春天的感觉。

用蓝色搭配绿色可以传递一种水的感觉。添加米色或者褐色则可以展现一种泥土的气息。白色+绿色是新鲜和户外的,而紫色和绿色是高对比的一对儿(需要小心对待)。

今天为您分享20个绿色系的网站,希望能为你的工作带来灵感和启发!

1. Garnier Body

01

日历

链接

个人资料

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

存档