首页

网站如何提速:图片优化网站推荐

蓝蓝

页面的加载时间是每一个UI设计师都担心的数据,或者至少是每个界面设计师都应该担心的问题。图片的大小肯定是一个需要留意的问题。这就是蓝蓝设计为什么在这里写了几个有助于优化页面中的图片的小技巧,这些小技巧将有助于大家解决这个问题,这些小技巧也可以在你需要优化图片的时候提供很多帮助。对你的网站设计有所帮助!

TinyPNG
TinyPNG是使用智能有损压缩技术,来减小png图片的大小。

如何给你的网站增加品牌价值?

蓝蓝

的品牌在大型的企业集团公司中价值数十亿美元。每个公司都应该努力创造一个品牌。由于建立网站通常是建立品牌的第一步,这里有几种方法可以使你的网站给你的品牌增加价值。

简洁几乎总会出现在成功的故事中:这就是我们人类的样子。我们可能会觉得有一些复杂,简单可以缓和一些事情。也是一种把事情完成的方式。尝试一些复杂的事情会降低你的成功率。保持你的网页设计简单。如果你是一个小企业,那么你只需要一对夫妇的做的网页和博客(也可能是精心布置店面)。你不会需要大量的内容。你当然不需要闪光灯。你会得到你想要的,不是吗?下面蓝蓝设计和朋友们分享一下如何给你的网站设计增加品牌价值的方法,希望对大家的网站界面设计有所帮助!

网站是为别人而做,不是为了你

畅游VC-优设截图

如何避免犯哪些网页设计最常见的可用性错误

蓝蓝

在过去十年中高品质的网页可用性一直是业内讨论的核心,因为它对用户来说越来越重要。好的可用性也可以帮助建立品牌知名度,从而提升用户对一个网站设计或者是一家公司的评价。今天人们依然高度关注可用性,是因为大大小小的公司已经证明了好的可用性策略是多么重要。

在过去几年中,良好的可用性成为那些成功的初创公司的核心。多数情况下,简单的想法最具创造性,可用性主要是指:使一个功能或者产品易于使用,但同时也要保持产品质量维持在高水平上。

如今,很多文章会谈到普遍意义。在对该话题年复一年的讨论之后,似乎UI设计者们仍然很难去理解它。可用性早已不再是一个玩笑,下面蓝蓝设计这些建议应当被打印出来并粘到你桌子对面的墙上。

链接的颜色

我经常发现自己在浏览网页时,有些页面上的链接没有以某种形式高亮显示。这是我见过的最愚蠢的错误。我愿意访问那些链接使用默认蓝色的页面,而不是链接和 普通文字一个颜色的页面。用户需要知道如何在页面之间导航、在哪儿能点击链接。你不能指望他们把鼠标一行行的掠过所有文字去找链接,直到发现鼠标箭头变成 “小手儿”。

网页设计中那些不容忽视的细节

蓝蓝

你有没有经历过看到一个页面的时候马上就被它的界面设计吸引并且留下了深刻的印象呢?然后你进一步细看这个页面发现真正使这个页面变得神奇的是一些小细节,在蓝蓝设计这篇文章中我们将看到几种把细节设计做到完美的页面。

完美的像素线

Image Spark UI设计师用一个像素的线条来分割顶部导航,搜索输入框,导航底栏。任何时候一个较浅的颜色紧挨着一个较深的颜色会使人出现有一个凸起的边缘的错觉。请注意这种线条只能比背景色稍微浅一点点。如果使用一条白线那将失去这种效果。

热门网页和手机APP设计欣赏

蓝蓝

一周又过去了,蓝蓝设计这里收录了最近国外精彩的网页设计手机App设计,不多说了,来享受这些精彩的界面设计创意之作吧!
 

JOBS: Le Film

atdesign_01

如何培养良好的设计习惯:把握细节

蓝蓝

我们都知道,好的界面设计需要UI设计师技巧高超、创意与众不同。在任何设计中,设计技巧,也就是设计基本功是排在第一位的,然而还有很多其他技巧性的东西也不容忽视,比如说细节。对于设计师来说,细节太致命了,设计师必须高度关注细节,仔细推敲,尽可能的追求完美。
 
在这里,”对细节的把握”(关注细节)也是设计上的一种能力和技巧。尽管不是每个用户都是一丝不苟、认真检查设计中的细节,但UI设计师必须认真对待每一个环节。无论是前期准备,还是界面设计流程,以及后期的客户交流,这些方面都要高度留心细节。有心的设计师会留意客户说的每一句话,会分析出客户真正的需求,会从中找到指引和线索,这样在设计时,就很少出错。因此,细节不仅仅是在设计上的,要面面俱到。

一、何为”关注细节的设计技巧”?

5

如何提高网站浏览体验

蓝蓝

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

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

一致性

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

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

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

网页设计中纹理的运用技巧

蓝蓝

texture界面设计中应用已经越发完善了。它将形成一种趋势,简单而有效的为web页面设计添加几分深度感。 充分发挥texture的威力是一份伟大的职责。它不仅能够很好增强web设计的表现效果,对于设计师来说还是一个质量上乘的好工具。它的美妙作用是可以引导浏览者的视线,强调关键元素的重要性。

然而,长期以往texture似乎总和脏乱或者低劣UI设计为伍,它的滥用处处可见,像乐队的website等,对于设计师来说,它遗留下来的滋味可不怎么样!。 也正是由于以前的滥用,texture的优势长期被人们所忽略。texture可以让web设计更具整体感,但是前提是不要让它满屏皆是。

Texture(纹理)VS. Patterns(图案)

在我们深入了解texture之前,先弄懂texturepattern之间的区别。这两个词经常被误认为同义的。pattern通常是小的、重复的图片元素,而texture更趋向于大一点的不重复的图片。你可以想象两个集合,左边是pattern,右边是texture,这两个集合有一部分交集,也就是说在某些时候texture也是pattern。去tileabl这个网站逛一圈,也许你会有更清晰的印象。

设计师必备的顶尖用户界面纹理

蓝蓝

今天蓝蓝设计送上一套非比寻常的纹理,可以见配图,这些都是顶尖UI设计师经常在界面设计中用到的纹理。特别适用于安卓苹果的无线端应用,图片都很大,(2560×1440)高清无码,涵盖了当前国际范中的所有流行纹理:从面料到金属。

uiTexturesThumb

纹理应该怎样用到网页中?

蓝蓝

有很多学习UI设计的同学下载了纹理后知道如何平铺使用,并且都分类罗列一目了然,可是在制作网站的时候却不知道怎么用,总感觉利用不起来。

那么今天蓝蓝设计荐30个运用纹理界面设计出众的网站设计,希望对你有一定的启发:)

Hollister Co.

Textured website design example: Hollister Co.

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档