首页

想让网站动感十足?试试网页设计中的韵律线条

蓝蓝设计的小编

网页设计中,横向和竖向的直线非常常见,利用整齐的线条可以打造出有序的视觉路径以及信息层级。
当然,有些时候,可以不按理出牌,设计一些倾斜的线条,让你的网站不拘一格,更加与众不同。

打破传统布局,创造动态的自由视感,让构成更加复杂——无论是利用简约的几何图形,或是精致的倾斜图像。
让你的设计更具吸引力,不妨试试斜线。

Paseo Itaigara

形状感很强,整体设计的很成功,显得并不杂乱。菱形无处不在,拼嵌式的菱形,装饰性的菱形,按钮的菱形,很好的主题一致性。

Paseo Itaigara
 

Impero

交互式网站,积极的氛围、极简的色彩。设计师利用两组对角线(粗细交织)打造了视觉路径。

Impero
 

Alpina

强烈推荐!利用视觉滚错,加上美轮美奂的照片。来感受这趟视觉盛典吧。流畅优美的照片美景。斜线分割的很巧妙(试想用直线风格,效果不会这么到位)

Alpina
 

android中px、dp和sp,这些单位有什么区别?

蓝蓝设计的小编

相信每个Android新手都会遇到这个问题,希望这篇帖子能让你不再纠结。

px:

即像素,1px代表屏幕上一个物理的像素点;

px单位不被建议使用,因为同样100px的图片,在不同手机上显示的实际大小可能不同,如下图所示。

dp:

这个是最常用但也最难理解的尺寸单位。它与“像素密度”密切相关,所以首先我们解释一下什么是像素密度。假设有一部手机,屏幕的物理尺寸为1.5英寸x2英寸,屏幕分辨率为240x320,则我们可以计算出在这部手机的屏幕上,每英寸包含的像素点的数量为240/1.5=160dpi(横向)或320/2=160dpi(纵向),160dpi就是这部手机的像素密度,像素密度的单位dpi是Dots Per Inch的缩写,即每英寸像素数量。横向和纵向的这个值都是相同的,原因是大部分手机屏幕使用正方形的像素点。

不同的手机/平板可能具有不同的像素密度,例如同为4寸手机,有480x320分辨率的也有800x480分辨率的,前者的像素密度就比较低。Android系统定义了四种像素密度:低(120dpi)、中(160dpi)、高(240dpi)和超高(320dpi),它们对应的dp到px的系数分别为0.75、1、1.5和2,这个系数乘以dp长度就是像素数。例如界面上有一个长度为“100dp”的图片,那么它在240dpi的手机上实际显示为80x1.5=120px,在320dpi的手机上实际显示为80x2=160px。如果你拿这两部手机放在一起对比,会发现这个图片的物理尺寸“差不多”,这就是使用dp作为单位的效果,见下图。

超赞!设计师完全自学指南

蓝蓝设计的小编

超赞!设计师完全自学指南

本文译自国外高质量问答社区Quora,原文作者Karen X. Cheng,原是微软Excel的项目经理,后通过自学转型成为设计师。她讲述的自学过程详实细致且条理有序,读完会发现与想象中的大不一样,对于想自学设计但迷茫不知道从何入手的童鞋来说,可以遵循她的步骤去学习,除了规划得当,还能对设计有一个全局的了解 : )

做设计很慢?先来改正你使用PS的10个坏习惯

蓝蓝设计的小编

PS用途广泛,方法多样。可以用不同的方法来实现同一种效果,有时,大家会被思维局限住,采用”最笨”的办法完成工作。

本文,便是面对这一问题,罗列出PS使用中的10条坏习惯,相信只要克服这10个坏习惯,你的工作会更有效率。

1. 在单一图层内工作

尽管有很多教程讲述单图层打造xxx效果,大家不妨学习一下作为练习,掌握一下思路即可。
但是在工作中,这种习惯可真不好。

单一图层制图,缺乏灵活性,无法针对性的做出修改。
最安全的做法是:一种效果,一个新图层,这样以后修改起来会非常方便。

10 bad habits

无论如何,在工作中都尽可能的使用多个图层,编辑更起来有效率,组织也更分明。
当然也有牛人,完全在一个图层实现很复杂的。譬如这篇《PS教程!教你用一个图层制作相机图标》

2. 直接删除内容,而不使用蒙版

这个非常常见。删除和擦除图层内容几乎是不可逆的,是一种破坏性的编辑方式。其实不如利用PS的像素蒙版、矢量蒙版、剪贴蒙版来”屏蔽”内容。

蒙版仅仅会临时隐藏选中的图层部分,而不是性的删除。

10 bad habits

记住咯,尽量使用蒙版,尽量少用删除。

3. 点来点去(不会用快捷键)

20120711134546_vaEEM
 

4. 图像转换时,不利用智能对象

掌握动效设计!让你的设计富有未来科技感(下)

蓝蓝设计的小编

基于情景的消隐

掌握动效设计!让你的设计富有未来科技感(下)

这是iOS上的Chrome,有着基于情景的消隐动效。

掌握动效设计!让你的设计富有未来科技感(上)

蓝蓝设计的小编

掌握动效设计!让你的设计富有未来时尚科技感

为何有的产品、服务特别受欢迎?

是因为这些产品、服务在内容、外观、设计、可用性、功能等方面具有无可匹敌的优势。其实,所有的这些层面都属于交互设计的细节,其中一个关键点便是动效。

本文将介绍几种常见的动效模式(用GIF图演示),分析一下为何这些简单的设计模式在实际应用中能够奏效。
当我们设计数码产品时,我们一般用PS或者Sketch这种设计软件来进行设计。

了解设计的人明白这样一个道理:设计不光只是视觉表达。设计也不应该是静态的。乔布斯说过这样一句话:

设计并非外观怎样,感觉如何。核心在于,它是怎样工作的。

影响用户对产品的体验与印象的因素有很多,交互在其中扮演着关键性角色。我们不能再简单的把用户界面当成一种静态界面而设计。我们应该顺应互联网动态的本质,打造更加动态的图形用户界面。
好了,废话不多说,我们来看看,什么叫做更智能的交互、更精致的动效。看看这些设计模式是怎样提高用户体验的。

动效滚动

超链接是互联网的双刃剑,当你点击链接时,你可以在互联网中任意遨游,随心所欲。

可是过度自由好吗?不见得,比方说你在浏览一款精美的产品页面,然后你点击了一下页面中的链接,突然导入了一款令人毛骨悚然的木偶商店页面。这就是超链接的弊端,有时候的页面转换太突然,缺少过度,让用户一时不能接受。

我们可以看看书籍的用户体验:故事发展一般是线性的,每一章都和上文有所联系。想要阅读第二章,必须先阅读第一章,以便大致了解书中的环境与人物关系。如果你”跳章”阅读,不可避免的会错过一些关键剧情,因此无法理解有些内容。

在网页设计中,同理,尤其是那种内容比较大,页面比较长得网站,这种情况经常无意识的发生:用户会错过之前的某些关键内容,而且又缺少提示,因此很难理解当前内容,通过添加动效滚动,可以修正这一问题。

告别平庸!新颖的表单设计赏析

蓝蓝设计的小编

一般来说,网页设计师都极少关注表单设计,这使得大多数表单看起来都差不多,普通至极,毫无特色。本文中的这些案例化腐朽为神奇,将枯燥的表单页面设计的多姿多彩。一起来看一下吧。

还记得那篇备受好评的《向左走、向右走?表单元素设计大揭密》吗?让很多网页设计师第一次认识到表单设计的一些魔鬼细节。那么今天再来看看实际中的一些新颖案例吧。本文收集了一大批优秀的联系表单设计,希望对你有所启发。

Contact Page from Café Evoke

Contact Page from Café Evoke

Bold Contact Page from Mixd

Bold Contact Page from Mixd

Signup Form from Involvio Orientation

Signup Form from Involvio Orientation

Sliding Contact Page from Whoa Nelly Catering

Sliding Contact Page from Whoa Nelly Catering

Submission Form from Dear Mum

Submission Form from Dear Mum

Clean Contact Page from Mud

Clean Contact Page from Mud

Minimal Contact Form from Eduardo Nunes

Minimal Contact Form from Eduardo Nunes

Dark Minimal Contact Form from group94

Dark Minimal Contact Form from group94

Clean Contact Form from Littlelines

Clean Contact Form from Littlelines

Contact Form from Mostly Serious

Contact Form from Mostly Serious

还在为设计LOGO犯愁?来看看这10个LOGO资源站

蓝蓝设计的小编

想要提高Logo设计技巧吗?来看看这些的Logo设计资源网吧,你会找到很多灵感和借鉴之处。
网络中资源无穷无尽,我们可以在其中找到很多Logo设计的法门。但是,有时候”乱花渐欲迷人眼”,太多了反而不好进行选择,

因此,我们为您挑选了一些的Logo设计资源网站,希望对你有所帮助。

01. Logoed

Logo design resources

Logoed的资源库很丰富,一定会让你大开眼界Logoed

是一个展示Logo设计的博客。这个网站已经有十年的历史了,有着丰富的Logo设计文章资料库。布局简洁,缩略图垂直排布,能方便用户进行浏览。

02. Logospire

Logo design resources

如果你在苦苦寻找灵感, Logospire是个不错的选择,网格式布局非常简洁,导航易用。Logospire允许设计师在每一款设计的子页面进行评论、交流。细节丰富。

03. Brand New

Logo design resources

Brand New提供了很多品牌标志设计的理念。也提供了很多Logo设计的趋势、建议以及案例展示。

04. Creattica

Logo design resources

Creattica是个很不错的图库。尽管不是专门Logo的图库,但是有超过3000款以上的Logo设计展示。

05. Logo of the day

Logo design resources

每日Logo灵感猎取 Logo of the day 是平面设计师 Jacob Cass2008年创立的网站,目的很简单,为设计师提供每日Logo设计灵感。

06. LogoLounge

logo resources

内含超过175000例的Logo设计LogoLounge是很不错的资源网站,无论是做Logo研究、讨论还是灵感获取,都可以在这里找到你想要的东西。

07. LogoGala

logo resources

想要得到Logo设计的深度观察?来LogoGala吧 LogoGala。设计师最喜欢的Logo设计博客之一,深度解释、展示Logo设计

08. LogoMoose

logo resources

在LogoMoose上分析你的理念和创意。LogoMoose在线Logo设计社区,展示世界各地的优秀Logo设计作品。设计师可以在这里展示自己的作品并获得反馈。

09. Logo Design Love

logo resources

由平面设计师David Airey创立Logo Design Love 致力于Logo和品牌标志设计,一般每周更新一到两次。而且布局很棒,很方便就能找到所需信息。

10. Logo Pond

logo resources

在Logo Pond上找到当下网络上最棒的Logo设计.Logo Pond 理念分析与灵感收集的场所。

灵感!一组手机LOGO设计

蓝蓝设计的小编

移动至上是当今的大背景。交互设计、网页设计都不得不顾虑手机的”感受”,移动互联网方向的创业如同雨后春笋般出现,而有关移动端的Logo怎么设计?看看这里吧。

0b25d66eac79fc07d35237f7124dd6db0c86ffb36e3ab3883552aafd1d560a5c3a397f080b57438ba24baf09bb743bad3bef7d7db0e89363340ea26c2ae9fa1c3c7484387e44da5507ef8f23ee2d3baa4c8ab2f3c29d4bed9ba84061ce8bfd7e4f718cfb0d08d71b588ebc785281fed906fd13acce072c4b61ba855b64b26b9b39b8a4116f59564213d2dd5590c410b753e2a172a5f95bbe76e7e0373bcf73a566ed4b9796a4f56d00f7e4cf9e3fe6d2643cd7033b6663a1d8b20a7ea5601e70

8个获取手机应用程序设计灵感的网站

蓝蓝设计的小编

转载蓝蓝设计(   www.lanlanwork.com  )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的   BS界面设计 、 cs界面设计 、  ipad界面设计   、  包装设计 、  图标定制 、  用户体验 、交互设计、   网站建设 平面设计服务

来源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想订阅本博客内容,每天自动发到您的邮箱中,   

曾经,CSS 画廊非常流行,网页设计师们会定期访问这些网站获取灵感。现在仍然可以方便迅速找到令人兴奋的东西(例如 Dribbble 和 Behance 对设计有很大的帮助)。

对于移动应用程序设计,存在类似的画廊,我相信他们会更加有用。这是因为如果不安装移动应用程序,灵感更难获得,也更需要时间和努力。这12个画廊有很多漂亮的应用程序用户界面,并进行了很好的分类。赶紧收藏吧!

优设好文:
强烈推荐!你应该到这里寻找网页设计灵感

Creattica – Mobile Interface

Creattica 是一个灵感画廊,展示最好的网站设计,标志设计,平面设计,摄影,作品。

Creattica - Mobile Interface

Lovely UI

收集各种移动界面元素,启动画面,按钮,导航,通知等等各种组件的设计。

lovely_ui

Inspired UI

设计精美的应用程序的集合,iphone, android, flat ui, mobile ui。

Inspired UI

TappGala

TappGala,展示最佳的移动界面设计作品,赶紧收藏吧。

TappGala

MobileMozaic

MobileMozaic 是一个在线画廊,iOS 应用设计来自世界各地的最好的选择。

评论(0) 浏览(4070)

日历

链接

个人资料

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

存档