首页

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

蓝蓝设计的小编

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

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

The Blue Cube

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

The Blue Cube

应用圆形元素的网页设计

蓝蓝设计的小编

用圆形元素进行网页设计有两种讨的办法:

一种是把圆形作为网页界面设计过程中的主要形状。这样的网页的主要元素,比如标志的类型,导航元素,弹出菜单,图像和其他元素,都应该是以圆形为基础设计的。
第二种方法就是避免重复使用圆形,只用一个主要的圆形元素来抓住用户的注意力。但不管使用哪种方法,设计师们都应该要时刻把网页整体的可读性,可用性和协调性放在心上。

既然提到了设计,那么下面不妨看看蓝蓝设计为你精心挑选的一些应用了圆形元素网页设计。它们都充分地利用了圆形的特点来展现页面。

Like there is no tomorrow

Like there is no tomorrow

做好团队建设!展示团队成员的网页设计

蓝蓝设计的小编

与你的客户建立良好亲密关系重要的一点就是展示你的团队,是的,这样客户能迅速了解你的团队实力,合作上方便很多。
今天蓝蓝设计收集了一组展示团队成员的网页布局界面设计,从2——4人的小团队到10——20的大集体都有优秀的范例,希望能给你带来一点UI设计灵感。
Tone Agency

united kingdom tone agency design website team

创意十足的网页视差滚动效果欣赏

蓝蓝设计的小编

最近大家伙越来越关注视差滚动网站设计了,很多同学都在四处寻找相关的案例来赏析学习。此前我们也分享过相关的制作教程及文章。

那么今天蓝蓝设计继续推荐创意十足的视差滚动酷站界面设计,希望能为你的案例带来灵感:)强烈推荐收藏。

Beatbox Academy

Beatbox Academy animated css parallax scrolling

如何设计有范儿的个人作品时间轴网页

蓝蓝设计的小编

蓝蓝设计这个教程中我们将使用Photoshop CS6设计一个简单、干净、三列的作品集时间轴。在这个过程中,我们将着眼于自定义网格,排版样式,并利用不同的颜色和对比度实现我们想要的美感。

同学们可以从这个教程学习如何在一个页面平衡不同的元素,使整个界面设计富有韵律感与呼吸感。快毕业的童鞋们可以尝试这样展示你的作品集哟。

上效果图:

1p

 

一组与音乐相关的网站设计欣赏

蓝蓝设计的小编

音乐是人类的灵魂,相信大部分的UI设计师在做界面设计时,都会开着音乐激发灵感,陶冶情操。那些歌儿或激烈、或宁静……
音乐的本质是耳朵的享受,但是在优设,我们肯定不能让眼球落寞,那么今天就来一起看看蓝蓝设计这些与音乐相关的网站设计吧。推荐收藏起来,以后肯定会用到的哟:)

76 Synthesizer
76 Synthesizer

APP设计中便捷的单手操作

蓝蓝设计的小编

探讨APP界面设计的手势操作前,蓝蓝设计想先介绍两篇文章来了解用户是如何使用手机的,以及触控屏是如何感应我们的操作的。

用户是如何使用手机的

Steven Hoober在《How Do Users Really Hold Mobile Devices?》[1]一文中指出,通过两个月的时间对1333名手机用户在公众场所(街道、机场、汽车站、咖啡馆、火车上、汽车上等)使用习惯的观察得出以下结论:

①780名用户是通过滑动、点击、打字等来操作屏幕,其他用户则仅仅是用手机来收听、观看、打电话。

②49%的用户通过单手操作,36%一手拿着手机一手操作,另有15%双手操作。

③在单手操作用户中,有33%的用户用左手拇指来操作。

④用户经常变换操作姿势和手势。

49%的单手操作用户是以下两种姿势(左手用户相反)。绿色代表容易点击区域,黄色为拇指伸展可到点击区域,红色区域超出单手可点击范围。

p2

如何给网站布置干净的“关于我们”页面

蓝蓝设计的小编

所有网站设计,无论是官方、电子商务、社会化网络还是个人站点,都应该设计一个恰到好处的“关于”页面,直截了当地告诉到访者,为什么要浪费他们宝贵的时间浏览你的网站。

蓝蓝设:这是一篇老文章,不过写得还算实用,大家可以了解一下界面设计思路

一、为什么要有“关于”页面

不要让用户思考!

1、向浏览者传达本站的价值,留住用户
2、始终提醒自己站点的主旨,不要跑题

二、起什么名

“关于”页面存在的目的就是尽快让浏览者找到网站的方向,或者作为进一步补充,比如陈列相比竞争对手而言,自己的优势和特色。所以名字越简单、越朴 素就越好。

典型的门户的名字比较传统,因为它们无人不晓。比如网易的“公司简介”,谷歌的“Google大全”。

大众、平易近人的网站往往都称呼为“关于我们”,比如嘀咕、phpChina;“关于+网站名称”的类型也不在少数,比如豆瓣和支付宝。

个人站点比较简约,两个字搞定:“关于”。人人网等很多社会化网络站点也是如此。

多数国外站点同上,比如“about Flickr”、“about us”、“about”。

三、放在哪里

标题、标识、内容或知名度非常强的网站放在页脚。
这些类型的网站要么你们熟知,要么一眼就能看出它讲的是什么。比如新浪微博,淘宝。

小站点,比如个人站点、博客,或者全新的网站,有必要显性地“通告”浏览者本站的导向和意图(以期靠好奇心留住访客),放在页首。

PMCaff成立不久,导航干净明晰。如图01

潮流推荐!新鲜漂亮的扁平化网站设计

蓝蓝设计的小编

最近,你会发现大家都在讨论扁平化网页设计。每个人都想要它,因为它很酷,是目前的主流趋势。扁平化界面设计,因其简单性和关注用户,去除了很多网站设计的不必要的元素,例如沉重的背景图片,渐变,斜面和其他一切使空间杂乱的东西。现在,所有的注意力都集中在良好的排版,高品质的图像,清晰的文本,完全兼容所有主流浏览器和屏幕尺寸。正在使用的大公司,如微软,谷歌或苹果,因此很容易理解为什么这种风格的在设计界会有巨大的采用率。

蓝蓝设计这篇文章中,你可以看到许多华丽的扁平化网页设计作品,希望您会喜欢这个集合。

Tynan D’Arcy

30.-flat-design

一组免费的高质量网站模板

蓝蓝设计的小编

对预算低的企业或者刚开始有意建网站的同学,使用一个高质量的网站设计模板能大大减少时间,让珍贵的时间磨在刀刃上。今天蓝蓝设计一些专业的网站设计里收集了20款由专业ui设计师打造的高质量网站界面设计模板,如果你正好需要,点进那个优雅的链接

Modus Versus

20款免费的高质量网站模板

日历

链接

个人资料

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

存档