首页

十个简单好用的设计技巧

蓝蓝设计的小编

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

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

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

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

1. 增加对比

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

Screenshot

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

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

Screenshot

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

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

2.渐变

 

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

55个超赞的收费响应式网站后台管理模板

蓝蓝设计的小编

一个网站的管理员在管理网站和它的内容上起着至关重要的作用,但是呢,如果他没有选择好一个网站系统的话,那可能就会是一个定时炸弹。一个网站能否茁壮成长,有一个优秀的管理后台那绝对是至关重要的。

拥有自己网站的童鞋们,这里有55个有商业版权的响应式后台管理模板,你可以从中选取参考。仔细预览或通过界面来观察它们的特点。
当然,这些界面对设计师来讲,特别是从事BS、CS界面设计的朋友,这些优秀的后台界面肯定能激发你的创作灵感!

Boo Admin

Boo Admin - Responsive Template

Visit Source

Amsterdam

Amsterdam - Premium Responsive Admin Template

让数据阅读更舒适!带你玩转表格设计

蓝蓝设计的小编

17

hardwear:想必多数同学曾经学习计算机就是从Word开始,其中一项重要的学习任务就是创建表格,如今在网络页面里表格随处可见,尤其是商业产品里充满了大量的数据,要没有这些表格估计看内容得吐血…… 表格形形色色,默默无闻的呈现着数据,阅读起来如何最为顺畅,如何才能从表格里发掘出重要信息,有哪些可以对表格进行的操作,梳理一下以供参考。

后台界面,表格对数据的维护和体现是最常见的,那么也推荐您看看一组惊艳的后台管理界面设计

1.行高是表格浏览时的重要参数

行高是表格非常重要的参数,行高间距直接影响着阅读的体验,有如同Omniture为了最大限度的放置数据内容,强化数据显示效果而降低行高的情况,也有SugarCRM一样的行高较高可以放置更多文本信息的表格。

2

超萌!以动物为形象的logo设计

蓝蓝设计的小编

很多设计师会采用一些生动可爱动物形象来设计一款logo,今天,小编为大家搜集了一些以动物为蓝本的logo设计图案,供大家学习鉴赏~~:)

推荐阅读:
《还在为设计LOGO犯愁?来看看这10个LOGO资源站》
《佳作欣赏:以鸡蛋为元素的LOGO设计》
《如何才是一个好的LOGO?》

clockingbird-logo siolino-logo gatto-picante falcon-hawk tua66_a

无法忘怀的色彩:移动界面设计中的渐变

蓝蓝设计的小编

iOS7采用了色彩新鲜的渐变效果,老实说,每个设计师都应该掌握这种最简单的装饰技巧。而且渐变效果千变万化,好的渐变效果能够成就一款设计,而糟糕的渐变效果会毁了一款设计。渐变效果的好坏取决于“色彩调整”以及“整个主题的搭配度”。除此之外,渐变效果还可以根据“流行色”来进行适度的调配。现在流行使用霓虹灯色彩般的渐变,让人感觉光鲜可鉴,再加上纤细简约的字体,线条简练的图标,整个界面将变得非常极简且高雅。

今天我们要探讨的可不是渐变,要探讨的是移动界面设计中的渐变。我们来一起学习、感受一下现今移动界面设计中最流行的渐变吧。

推荐阅读:
《一枚app图标的设计文化》
《超赞!高大上的动效设计方法及流程总结》

一、渐变作为界面的背景

iOS7 Lockscreen by Michael Shanks
神秘、优雅、颇具吸引力、简单、只包含必要信息,半透明的解锁条让我们感受到细腻的质感。

iOS7 Lockscreen by Michael Shanks

Sense by Tommy Borgen.

同样大道至简。整个渐变的色彩搭配很讲究,中心略微模糊的圆圈中包含了清新的字体,流动的背景,纯净的像梦一般。

元旦干货:50套高品质UI组件包下载

蓝蓝设计的小编

本帖收集了50套设计精美,并可设计师自行编辑的界面PSD源文件。内容大致包含banner切换,MP3/视频播放器,日历,表单(登录,注册,搜索…),进度条,提示框,按钮,导航,面包屑等等…不管是应用在小需求还是大项目,相信都可为你带来帮助。

 

Simple UI Elements

Simple UI Elements

 

Apple Styled UI Elements

Apple Styled UI Elements

 

Grayness UI Kit

Grayness UI Kit

 

实用!25个小清新定价界面设计

蓝蓝设计的小编

一个干货推荐啦:25个定价界面网页欣赏!没错!你没有看错,足足25个哦!啊?你问我有木有酬劳,呃!蓝蓝设计说是要给,但我肯定不会要的,虽然很想要,呃,出来混,后来还是木有要。。。)

价格界面是网页中常见的,但容易被忽视的一个部分。想想看,你什么时候见过这些界面呢?本工第一反应就是迅雷、QQ之类的会员充值界面。这种不是经常可以看见,但是又具有明确目的性的界面,如何让它和主题页面匹配、同时又突出重点信息呢?这是个问题!今天就让我们欣赏25个外国网站的定价界面,从中学习经验吧;)

1. Freshdesk

网页设计中背景的创意风格与设计趋势

蓝蓝设计的小编

正确的背景风格可以为整个网站确定基调。我们搜集了一批使用大幅图像、明亮颜色或出众图案来作为背景的
优秀网站,希望从中探寻当下网站的流行设计风格。

什么样的背景最适合你的网站,这并没有一定之规,但确实有一些共同的要素:
互联网背景的内容应该有目的性。
背景应该与你的品牌风格一致。
背景之上的文字内容应该易于阅读(无论是颜色、反差还是尺寸大小。) 背景的主题在整个网站内应该连贯一致。
背景应该能很快下载并且不会让你的网站变得缓慢甚至卡死。
现在的流行趋势是什么?

就像服装和发型会变,网页设计的风格也在变。对于背景来说,趋势的变化尤其突出。
目前,大量的网站在首屏采用了大图。一些背景是清晰、写实的(如照片和插图),而另一些则可能是抽象隐晦的。大尺寸的、虚化或模糊的图也随处可见。

在Photoshop中创建精细的工具图标

蓝蓝设计的小编

蓝蓝设计:本教程主要使用Photoshop制作金属质感的工具型App图标,主要通过图层样式来完成,喜欢的朋友一起来学习吧。
1.首先我们来做下背景,这个背景我是先画了个圆做了些效果(投影,内阴影)定义成图案。

e8bea75e8a4e4507a9c39fca2b6b0ef2 用PS创建超写实的工具图标

2.用圆角矩形工具,画部的渐变,在这一步我先画个半径为47的大圆角矩形,在用剪切画个35的小圆角矩形,最后填充投影和渐变叠加。


b53777a3477d45e4812a6be9710f0322 用PS创建超写实的工具图标    

设计沟通的七条经验

蓝蓝设计的小编

1360228038_79

经常有新入职的同学,搞不清设计师和别的职位如产品经理,在工作内容上有什么区别。回答了几次之后,我总结出两方面的差别,简单概括为:技能和定位。

“技能”指的是设计师掌握了项目中其他角色都不具备的能力——画图。这么概括有点简单粗暴了,事实上设计师的专业能力远比画图两字涵盖的内容要广。但“画图”确实是更容易被所有人理解的说法(向家里长辈解释我干什么的时候,他们如果不理解我就会说是画图的,他们就会貌似恍然大悟地哦一声,终于听到一个他们想要的能听懂的答案了)。伴随着人机界面从命令行到图形可视化,再进化到哪儿哪儿都可以摸的触屏时代,用户对于“美”和“交互”的要求越来越高,设计师的能力和价值也愈发受到重视。

设计师的“定位”,是随着用户体验受重视而发展起来的。互联网产品有一个很重要的特点是免费。聊天是免费的,搜索是免费的,游戏是免费的,杀毒也是免费的。免费对用户来说当然是好事,但免费也意味着用户迁移的成本很低,特别是当产品同质化严重时。一款免费游戏,如果突然宣布收费,市场上又有同类游戏,结果很有可能是大规模的用户流失。和传统行业不同,在免费的商业模式之下,用户黏性、忠诚度对产品来说至关重要;而用户体验就是构成黏性的一个重要因素。于是伴随着互联网行业的蓬勃发展,用户体验设计师,以用户体验卫道者的姿态站了出来。

这么说不代表别的角色不用对用户体验负责。在一个优秀的团队中,从项目经理到开发测试,每个成员都会对最终的体验努力并负责。但设计师之外的其他角色会面临屁股决定脑袋的困境。比如产品经理除了用户体验之外,还要兼顾商业价值和老板需求;开发要考虑实现成本和技术限制;运营要负责营收和转化率等。而设计师的定位更纯粹,自身立场不存在矛盾和冲突:站在用户立场,坚持用户体验的价值,时刻提醒团队用户想要什么;同时负责设计细节的执行。

这样就引出正题了,一个项目团队中设计师和其他角色的矛盾冲突,本质上就是这层定位差异带来的。(开发:这里明明功能都实现好了,设计师你还老是要改来改去的,到底想搞哪样!)基于这种定位冲突,设计师不能简单地把自己定位在执行层面上,还要通过积极主动的沟通,推动用户体验的落地和实现。这就对互联网设计师的沟通提出了很高的要求。

实际工作中,我们每天也花大量时间在开各种会,各种讨论上。沟通的效率和效果都直接影响着最后产出的质量。但在我们看最终的工作结果的时候,沟通作为过程反而不那么直观,很难去评价和衡量。我试着列举设计沟通中容易犯的一些错误,并总结了7条经验,希望对同样在思考这些问题的同学有些帮助。下文主要拿产品经理和设计师之间的矛盾冲突来举例。

1. 避免鸡同鸭讲

双方都在说自己的道理,却不听对方是怎么讲的;或者因为沟通双方无法说出真实的想法,导致沟通停留在表面上无法深入。这两种情况下,沟通效率都很低,而且很难达成共识得到结果。

比如我有一次看到,产品经理在和设计师争执,一个在讲运营的事情,一个在讲设计规范的事情,都在尝试着告诉对方,从自己的专业角度来看,这个事情应该怎么做。讨论几乎无法进行下去,因为谁也不肯让步。这种沟通效率是很低的,双方压根就没有站在同一个层面讲问题,设计师不懂运营,产品经理不懂设计。

 

日历

链接

个人资料

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

存档