首页

推荐!那些令人赞不绝口的创新型HTML5网站

蓝蓝设计的小编

如果你对HTML5的了解还不深,建议可以先阅读:一张图读懂HTML5
当然,我们也为您准备了40个超赞的HTML5教程

在过去的10年里,网页设计师使用 Flash、JavaScript 或其他复杂的软件和技术来创建网站。但现在你可以前所未有的快速、轻松地设计或创造互动的、有趣好看的网站。如何创建?答案是HTML5

这篇文章向大家展示12个创新的HTML5网站。看看这些惊人的 HTML5 网站,从这些优秀的 HTML5 网站获取灵感并应用在自己的网站中。希望你会喜欢这个集合。

网站细节丰富,动画强悍,网速着急的童鞋请稍等下,等待加载 : )
这些还看不够过瘾,那么你得瞧瞧这个:
27例新颖的HTML5网页游戏设计

Wildlife

这个网站一定要试试从上滚到下,感受一下页面里的动效,十足令人震惊!

那些让人赞不绝口的创新HTML5网站

 

Saucony Kinvara 3


那些让人赞不绝口的创新HTML5网站

 

Vlog


那些让人赞不绝口的创新HTML5网站

 

Art Ingenious


那些让人赞不绝口的创新HTML5网站

 

Björk


那些让人赞不绝口的创新HTML5网站

 

G-Force


那些让人赞不绝口的创新HTML5网站

 

Metropol Band


那些让人赞不绝口的创新HTML5网站

40个漂亮的单页网站设计欣赏

蓝蓝设计的小编

最初单页面网站的设计风潮可能是由知名的网站设计师引起的。他们想要以简洁创意的方式让自己的作品公之于众。久而久之,单页面网站设计在创意上实现了巨大的飞跃。不管是时尚,App,还是动画,游戏,现在全网都盛行这一趋势。
单页面网站设计容易实现,但是如果想让你的设计成为大热,一定要确保它适合这种多页少字的设计模式。在你开始设计之前,最好要记得专注于主要内容,其他的烦恼分心的部分通通去掉,就算是你最好的点子,如果不切合主题,也要忍痛割爱。

网站导航是主要设计要素之一。用放大镜效果创建漩涡型按键,使站点引人入胜,同时也告诉用户如何使用。导航要显眼易懂这样用户才能轻松的浏览你的网站。不管是视差漩涡,服帖的动画还是简洁的菜单,你都能发现非常酷的效果。

下面我们为大家展示40种极具现代感,将单页网站设计发挥到的非常漂亮的例子。尽情的欣赏吧,希望会给你带来灵感!这些设计让人难以忘却,引人瞩目的图像绚丽多彩,内容干净整洁,实乃创意经典之作。

Fannabee

one-page-website-fannabee

Browser Awareness Day


one-page-website-fun

Mark Dearman

16个能有效学习“着陆页”设计的经典案例

蓝蓝设计的小编

 

这篇文章中,我们为大家精心整理了一些有趣且富有创意的着陆页面设计案例,帮助你快速掌握着陆页设计技巧。大家都知道着陆页面(Landing Pages)需要特殊的设计,才能抓住目标受众的注意力。

着陆页对于帮助网站把访问者转换成销售非常重要。因此,产品的消息必须明确,设计必须能吸引人且简单易懂。来看看这些优秀案例获取灵感吧。

酷站推荐:
《推荐!那些令人赞不绝口的创新型HTML5网站》
《40个漂亮的单页网站设计欣赏》
 

Prezi

16个最有效的学习着陆页设计的例子

inDinero

16个最有效的学习着陆页设计的例子

PS教程:创建超炫的冰霜字体

蓝蓝设计的小编

微博上都在说东北暴雪咯,大家注意添暖加衣,那么今天分享一个应景的pS教程。教您创建一个超炫的冰霜字体。真的很棒哟,过程很详细,童鞋们赶紧来练练手呐 ^_^

小提示:教程是在CC版本下进行的,操作面板可能会有一点不同 : )

这是完成后的效果图:

icy-text-flatten

开工前先来下载几个文件,分别是:

  • 墙壁背景
  • coolvetica 字体
  • 玻璃素材
  • 烟雾素材

已打包咯,童鞋们下载整个文件就好 → 素材下载

挺胸收腹,练习开始:

第一步:

创建一个大小为1200px*700px的文件,填充黑色背景。把下载的墙壁背景复制过来,Ctrl + T 调整好大小,如图:

界面设计中需要注意的小细节

蓝蓝设计的小编

界面设计中的小细节

界面设计包括哪些细节、如何深入?

我们常说“细节决定成败”,有些界面会让人觉得不精致,缺细节,而这些细节又包括哪些呢?如何去深入呢?

不妨来看本文作者,百度用户界面设计师@JJ-Ying 为您娓娓道来:

  • 界面元素的对齐,我见过很多同学对齐是永远靠眼睛的。确实在布局的时候经常需要做到视觉上的对齐,而不是机械的对齐,但这不是界面元素可以随意摆放的借口,该对齐的内容需要对齐,有时候只是举手之劳,养成好习惯很重要,有点强迫症也不是坏事情。
  • 像素,虽然现在的分辨率越来越高,但是很多图标、按钮的边缘还是最好都检查一遍保证垂直和水平边缘不会被虚化。
  • 界面光源的一致性,一致性是个很大的课题,应该能写一篇论文那么长,细节方面的一致性应该包括界面元素、文字阴影、图标等的光源。假设深色的标题文字用了向下的淡色投影表现内凹效果,那正文就应该避免用深色的文字向上投深色的阴影
  • 图标面积的一致性,这也是一个一直难以避免的问题,而且有很多主观成分,最好的方法是设计的时候放到实际屏幕上以较远的距离查看,是不是有哪些会特别轻或特别重,然后再去调整尺寸
  • 文案,虽然这不是直接的界面设计元素,但是严谨、完整的文案也是给所有设计加分的。常见的问题有中文错别字、英文该大写的没大写、拼写错误等等
  • 别直接使用 Windows 自带宋体 / 黑体里的英文!!!这个不解释
  • 谨慎地使用高饱和度颜色、大差别渐变,我们 GUI 设计师总喜欢把自己当做艺术家,即使 GUI 真算艺术那也是限制最大的一门艺术(天朝的电影、电视剧不算。。。),大家大部分情况下遇到的设计场景没有非常大的颜色空间去发挥,所以一些醒目出跳的颜 色和渐变使用起来要比较小心,否则很容易产生“俗气”的感觉

能让UI设计显得更简约的一些小技巧

蓝蓝设计的小编

让设计显得简约的一些技巧

互联网界一直在有提倡简约设计的声音,可简约设计有什么小技巧?

作者:龙泰 一个学日语的产品经理。爱猫,爱吐槽。现在在做智能手机的Rom。

谈简约设计的书籍有很多,互联网界也一直在有提倡简约设计的声音。有人说,看国内的各大门户的设计,通通都是文字和功能的粗暴堆砌,难道中国人真的不擅长设计简约吗?

产品长什么样是跟产品的受众有关的。我们看国内电视购物,从来都是以“有多少功能”的方向来推销产品的。或许我们的目标受众就是喜欢大而全的东西,并不是设计师和产品经理的错。为了迎合大环境的产品需求,我们不得不用各种可有可无的功能点来吸引用户。


 

臃肿易烦腻,简陋生欲望

产品功能多并不是好事,臃肿的功能会让产品本身的定位和识别度变得稀疏,同时带来的是在视觉和心理上的压力。也会让产品显得没有深度,感觉像是一下子就略过了前戏进入高潮了。初期的版本,只要保证那些能让产品的概念成立的关键功能点和特性就行了。

设计师应该知道的16个UI优化秘诀

蓝蓝设计的小编

优异的用户界面可以让用户用得顺心,从而提高转化率(conversion rate),换言之,好的 UI 在使用与销售层面上形成双赢。本文整理了16点优化用户界面的方法,希望对大家有所帮助。

文原作者加拿大UI设计师Jakub Linowski

单栏型式优于多栏

单栏型式让你更能掌握自己的内容,从顶部到底部一气呵成,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称CTA,意指下载或消费等目的);而多栏反而可能导致读者分心。

优设网 16个UI优化秘诀 

不要劈头销售产品

「略施小惠」给使用者,贩卖的意图不要设计得太明显。小小的优惠或礼物,对未来的销售会带来大大的帮助。

优设网 16个UI优化秘诀 

统一相似的功能,避免支离破碎的UI

浏览网站时,我们很常看到琳琅满目的元素或特色,但它们的功能毫无二致,而相似的选项太多,只会提高让使用者无所适从。倘若发现自己的网站内有以不同 型式重复相同功能的状况,不妨考虑重新设计UI,把类似功能整合起来。譬如图中「Customer Service(客服)」、「Contact Us(联系我们)」其实是一样的意思,应当保留一个选项就好。

强烈推荐!LOGO设计终极大指南

蓝蓝设计的小编

如果您想学习设计logo,或者您已经在设计了,那么不妨来好好看看我们这篇文章,绝对让您受益匪浅。
本文揭示了Logo设计技艺中的一切奥秘!从灵感获取再到细节处理。彻头彻尾改变您对logo设计的认知。

Logo无处不在,Logo能够起到品牌宣传、获取消费者认知的作用。Logo的核心意义是,通过简明扼要的品牌形象设计,勾勒出品牌的核心精神,让用户将Logo与企业完美的联系到一块。

Logo和品牌的关系是相辅相成的,好的Logo能够有效的支持产品和企业形象,而好的企业形象能让Logo更加深入人心。

时代一直在变,Logo设计出现了风格多样、种类繁多的大局面,挑战也与以往不同了。
设计师该要如何打造优异的原创Logo作品?设计师要如何在快速创作的同时保证Logo的质量?

本文,将致力于讲解Logo设计中的基本原则和专业性建议,耐心读完本文,你的Logo设计将会有质的飞跃。

准备工作

01. 研究用户

优设网热门文章之LOGO设计终极指南

好的Logo设计不光意味着图像优美——还必须起到品牌传达的作用。

Logo设计,视觉是第一点。还要注意的是,要思考如何通过视觉元素来宣传推广品牌形象。因此,Logo设计的第一步就是要研究面向群体,研究他们是如何看待品牌的,研究他们对什么感兴趣。

越早研究用户越好,这样就能避免出现根本问题,而且信息传递务求简洁、清晰、到位。

淘宝店推广技巧之邮件营销

蓝蓝设计的小编

淘宝店推广的技巧有很多,如QQ群、论坛、博客、软文等网络推广方法,小维与大家详细说一下邮件营销如何操作和需要注意事项。

邮件营销操作主要是三个步骤:

第一步:邮件地址
邮件地址是一次营销活动中最重要的环节,地址的好坏能够决定一次营销的效果。在此小维建议大家收集基于客户许可的邮件地址,不要在网上收集、购买、随机生成的邮箱来发送。

第二步:邮件内容
邮件内容的设计效果是否吸引客户这是很关注,让客户咨询下单,内容的设计、信息是否能打动他。建议内容最好是图文并茂的,不要是单独一个图片。

第三步:邮件投递
建议使用专业的邮件投递平台,如EasyEDM邮件营销等平台。不要途便宜去找免费的软件,或效果不好的软件来投递邮件。

邮件营销是网店推广中见效最快的推广方法,我们在投递邮件时应该注意邮件的发送数量,发送次数。发送过多给客户,客户会对你的邮件或产品反感。但是量也不能太多,否则起不到效果。那么怎样才能看出邮件营销的效果呢?

1、邮件到达率
邮件的到达率是反映本次营销效果的第一指标。邮于邮件过度投递,导致服务器对邮件的过滤越来越严格,有些邮件经常被视为垃圾邮件。邮件无法送达,也是网店流失潜在客户因素之一。可以从两个方面提高到达率:第一、让联系人将你的发件邮箱加入到通讯簿中;第二、研究什么样的邮件信息容易触犯垃圾邮件的策略,尽量避免这类的邮件。另外有关系的话可以让邮件服务商把你的邮箱列为白名单。

2、邮件打开率
邮件的打开率可以看出邮件营销的效果第二指标。客户一般对自己比较信任的站点,感觉兴趣的品牌/产品的邮件打开率比较高,所以要将打开率的客户邮箱单独归类到一个新的列表,这是建立良好的客户关系。邮件营销前期要试探性的了解客户的意向,不要一谓的乱发,这样可能会适得其反。对于网店来说,对老客户进行邮件营销是非常有效的。店长可以给老客户建立一个列表,最好是能根据购物习惯对客户进行分类,不定期的发送店铺的促销邮件,邮件的打开率会大大提高,也更好的促进老客户二次消费。

3、邮件点击率
邮件的点击率是衡量营销效果的第三指标。点击率不是打开邮件,而是打开邮件点击邮件中的链接,这也是能够了解客户对哪块内容感兴趣的。也是客户通过点击链接到达你的店铺,从而产生订单的。

最好的邮件营销的方式是许可式邮件营销,而不是拿着地址就群发的。想了解更多的邮件营销方法请访问EasyEDM邮件营销网站。

灵感创意!13例漂亮的设计机构网站

蓝蓝设计的小编

如果你正在给自己的网站寻找灵感,来看看这些设计机构网站是一个好的选择。为了今天的灵感分享我们搜集了一些令人兴奋的设计机构网站,希望大家可以从他们身上学到一些东西。
在大家浏览这些页面的时候,可以重点关注一下各个机构/设计师是通过什么方式来把自己的设计风格带到页面中的。

pixies-agency

畅游VC-优设截图

stereocreative


畅游VC-优设截图

parall

日历

链接

个人资料

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

存档