首页

如何在响应式网页中安置和处理图片及视频

蓝蓝

响应式网页设计,是一种正在流行的网页开发思想,它是利用灵活可变的栅格系统,令网页的显示模式可以根据访问设备的屏幕尺寸规格而进行自适应。预计2015年的时候,移动端的用户数量将会从目前的8亿,增长到19亿,而这也意味着目前我们为桌面浏览器而设计的网页,将会在他们的手机和平板上呈现出非常糟糕的使用体验。

但是随着实际应用状况的改变,响应式网页设计还是会出现一系列复杂的并发症。本文余下的部分,就是详细阐述如何在响应式网页中安置和处理多媒体元素,诸如图片和视频,最终的目的是帮你做出一个靠谱的网站,能让这些元素无缝地在各种手持设备上加载运行,提升用户体验。

响应式网页设计中的图片处理

先说说响应式图片的处理方法。在响应式网页设计中,图片处理的问题或多或少地和传统网页中的导航栏设计有相似之处。随着新的移动设备的普及,更高像素密度的屏幕使得网页的任何一个瑕疵都显得无比明显,因此,图片处理的核心问题在于如何确保网站(尤其是图片)的各个方面都能尽可能灵活,并且确保每个像素不会在高分屏下模糊。

一组时尚的鞋帽服饰类网页设计

蓝蓝

服饰鞋帽向来是时尚必争之地,除产品本身的宣传是核心竞争力,在用户还未接触到实体之前,通过网站宣传往往是给新用户留下一个好印象的开始。

宣传产品的网站界面设计,充满美感的大照片和酷炫的网页现在是必不可少的,来看看蓝蓝设计下面一组时尚类型的鞋帽服饰网站设计吧。

更多时尚类网站设计欣赏:
http://www.lanlanwork.com/

Heren

Heren

超美的水彩效果网页设计

蓝蓝

小时候,一盒水彩,几张白纸,就可以一个人安静地待上好久。还记得绿色用得特别快,因为喜欢用绿色,画很多的树叶,画大片的草地。不过现在可以用电脑画,再也不用担心缺哪个颜色啦!
以下是蓝蓝设计收集的一组数字水彩效果的网站设计,每个都好漂亮,看是否能勾起你童年的美好回忆。是否对你的UI设计有所帮助!

Istok Pavlovic

watercolor-effects-1

简约时尚的电商网站设计

蓝蓝

小型电子商务网站设计能享受这样的:不用像很多大型连锁商店那样必须使用预先规定的界面设样式,他们不需要内容繁多的登录页面,也不需要有着成百上千条分类的大型菜单栏,甚至不需要一个建议性或可选择的产品链接。
所有小型商店的好商品需要的是一位很棒的设计师来为它们建立一个简洁且现代感十足的网站。当然,一枚”立即购买”的按钮会很有用。
我相信当你看完蓝蓝设计这些简约时尚的电商网站设计后,你会对视觉营销,电子商务有全新的认识!

或者会发自肺腑的感叹:原来这就足够了,购物真的不需要那么复杂。

Tatchies

39

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

蓝蓝

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

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

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

蓝蓝

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

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

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

畅游VC-优设截图

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

蓝蓝

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

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

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

链接的颜色

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

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

蓝蓝

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

完美的像素线

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

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

蓝蓝

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

JOBS: Le Film

atdesign_01

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

蓝蓝

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

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

5

日历

链接

个人资料

蓝蓝 http://www.lanlanwork.com

存档