首页

如何有效布局信息繁杂的网站?

蓝蓝

互联网信息时代,很多内容为主的网站都信息过载,这导致了载入速度过慢。电商网站如此,新闻类网站也是如此,而一些UI设计师作品集网站或者设计机构的网站设计也是如此,老实说,作为设计师,应该避免信息过载现象的出现。而一旦你掌握这些技巧,那么你离高薪酬的资深界面设计师也就不远咯。今天蓝蓝设计的的这篇文章,涵盖了一堆信息量大,但是却不杂乱的网页设计,具备愉悦的即视感。不吹牛,您可以挨个点看感受一下:)

Butterfly
信息密集的作品集网站,设计师很有技巧的利用色彩和扁平的图像来中和”繁杂的信息”

Butterfly

你应掌握的11个创新布局技法

蓝蓝

越来越多的网站设计师开始知道,进行布局设计时需要用到栅格线。但是对于老手来说,栅格线不是唯一的可选项,这些老手经验丰富,基础扎实,他们懂得怎样去创新,懂得用新颖的设计完成目标。条条大路通罗马,他们会凭借自己的感觉去摸索成功的方式,而最终的效果却更出彩。

栅格线与界面设计的关系可谓源远流长,对栅格线应用的熟练程度可以衡量一名UI设计师的水平。蓝蓝设计今天分享11个创新布局技法,废话不多说,看看这些UI设计师们是如何打破规则的吧。

1. 阶梯状布局

cannes-2013-landscape-poster-n1445-1

如何规划网页设计草图

蓝蓝

当你在计划设计一个网站设计的时候,不一定要完全依赖电子设备。学会如何手绘可以帮助提高UI设计的效率,给你更多的灵感。
UI设计学院里都会给学生们教授很多基础课程。毫无疑问,很多大型机构或者创业公司都在使用返璞归真的方法来进行设计创作。无论你是长期涂鸦的骨灰级高手,还是刚刚起步的素描小菜鸟,能够使用纸张与画笔来进行创作是非常重要的界面设计技能。不用担心。模仿铅笔功能的一些工具也不是盖的。在这个以设备为主打的时代,还是很大的空间来进行简单又能被认可的设计创作。
实际上,我常常听到很多人埋怨UI设计师们浪费太多时间与成本在使用PS制作精致的方案草图。手绘则具备更大的灵活性,它可以帮助你在缩减成本的同时发展更具原创性的方案草图。

无论你是在一个大公司工作,或是一位自由职业UI设计师,通过手绘草图来与顾客交流都是必不可少的。

为什么要绘制草图?

手绘草图相对数字线框图或者电子绘画更有优势。它方便携带,简单易懂,更具创造力,屡试不爽。没有什么比使用笔和纸更简单直接的表达方式了。
我发现,客户更喜欢在获得信息的同时能够提出建议和进行更改。使用电子设备制作出来的图纸看起来接近成品,这样会让客户失去建议和修改的欲望。手绘草图则非常随意,你可以随意修改。

怎样制作一个时尚的网页!

蓝蓝

UI设计师想学习做时尚网站吗?购物网站、时尚作品集、时尚部落格或者杂志都可以呦,这些网站界面设计的一个特点就是——都灰常受欢迎。怎么样,你也心痒痒了吧?我相信在你看蓝蓝设这篇文章的同时,就已经下定决心做一个自己的时尚网站设计,所以话不多说,直奔主题。今天要跟大家分享的是关于设计时尚网页的一些知识,希望你能有所收获~

How to Create a Fashion Website - Latest Effective Practices and Tips

简洁网页设计你需知的6点技巧

蓝蓝

洁净和一尘不染之间是不能划等号的。去掉了多余内容的界面设计看起来外形美观,一目了然,让人心旷神怡,尤其是对网页设计领域更甚。UI设计师在网站设计过程中,时常会遇到过度设计的例子。保持审美需求和实际需求之间的平衡,对整洁,干净和条理清晰的网站来说很重要。在激烈的行业竞争中,网页设计师想要获得成功,先决条件之一就是要掌握简洁的网站设计基础。在网站设计中,并没有保密规定,但相关的从业人员仍需坚持一些基本原则:用外观专业,整洁的网站设计来打动用户。那么蓝蓝设计就分享一下简洁网页设计你需知的6点技巧

如何有效布局信息繁杂的网站?

蓝蓝

互联网信息时代,很多内容为主的网站都信息过载,这导致了载入速度过慢。电商网站如此,新闻类网站也是如此,而一些设计师作品集网站或者设计机构的网站也是如此,老实说,作为设计师,应该避免信息过载现象的出现。而一旦你掌握这些技巧,那么你离高薪酬的资深ui设计师也就不远咯。

内容主导的页面布局会自然而然的繁杂、问题多,设计这种网站的过程,也是一个艰难的挑战,而且网站设计拥有者的目的是想给用户提供更多的信息,信息会越来越多。当然,可以听听专家指导,坚持一些亘古不变的界面设计原则,来确保布局的组织良好和架构分明,这就能减少很多不必要的繁杂。

今天蓝蓝设计涵盖了一堆信息量大,但是却不杂乱的网页设计,具备愉悦的即视感。不吹牛,您可以挨个点看感受一下:)

Action Film 
相当复杂的网站,但是在布局上很聪明将一堆小视频组织的条理分明。登录页分成好几条线,是的多媒体侧边栏。

Action Film

如何制作一个时尚的网页!最有效的实践技巧

蓝蓝

想学习做时尚网站设计吗?购物网站、时尚作品集、时尚部落格或者杂志都可以呦,这些网站的界面设计一个特点就是——都灰常受欢迎。怎么样,你也心痒痒了吧?蓝蓝设计相信在你看这篇文章的同时,就已经下定决心做一个自己的时尚网站,所以话不多说,直奔主题。今天要跟大家分享的是关于设计时尚网页设计的一些知识,希望你能有所收获~How to Create a Fashion Website - Latest Effective Practices and Tips

十个简单好用的设计技巧

蓝蓝

本文作者Mark Praschan是一位具有将近十年经验的网页设计师,Web开发师,Web项目经理人。 文中强调复杂的高级效果能为设计增色不少,但如果用得不对,只会影响用户对重点内容的关注。高级效果可能正好是一项好的设计的冲击力所在,但即便如此,也还是需要一些更简单的效果与其配合。

  简单的效果和技巧是建造当今设计的基石。比方说,如果你都不知道如何正确选择颜色和文字效果,灿烂的 星光效果又能有什么用?

  本着“少就是多”的理念,通过十个简单好用的设计技巧 ,就足以大大提升你设计的专业性和感染力。基础先行。 学会走之前要先学会爬,让我们从最基础的简单有效设计的概念开始。

基础先行。 学会走之前要先学会爬,让我们从最基础的简单有效设计的概念开始。

1. 增加对比

很可惜,添加额外的对比是最被忽视和弃用的技巧之一。

Screenshot

Joost de Valk 采用了细的高对比度边线,让访客能更容易区分页面的不同区域。在上图中放大了的部分,你可以看到,大多数时候这种对比只是一条1像素的高亮线挨着1像素的暗线。

话说回来,这个页面上的“More”和“Go”按钮与周围的对比度太小,即使你刻意在找也很容易被忽略掉。

Screenshot

WordPress 为页面中的链接 “Download(下载)” 使用了对比色。 这种红色在冷灰色调的页面中自己跳了出来。但这红色在明度方面有所收敛,避免了影响页面整体效果。

如果你对于该不该使用对比犹豫不决,就把这一决定过程当做是化妆。你要做的不是让人们大吼“看呐,对比色!”,你需要的是自然而然的吸引他们注意页面中重要的内容,高亮出已经存在的重点。

2.渐变

 

技术的发展为所有想使用渐变的人提供了各种创造渐变的工具。但渐变真的很好么?

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档