首页

google 的视觉设计理念

蓝蓝设计的小编

2012年,Google 开始在实验室内部推行一个“Google”式的视觉设计指引,帮助 Google 的设计师和合作伙伴们更好的学习和理解 Google的风格语言,Google的创意总监Chris Wiggins率领团队完成了这样一份指引,这里摘录部分精华内容,用来学习和分享。

10招搞定web设计风格指南

蓝蓝设计的小编

10招搞定web设计风格指南


今时今日,网站的创建正变得越来越复杂,而且一般都不是一个人就能干的了的。在创建网站过程中,我们需要保证设计前后一致,并符合业务目标,同时还要尽全力为用户打造有趣的使用体验。

为了确保整个团队在设计网站各个组成部分或在改善开发人员设计成果时彼此之间能够充分协调一致,你需要编写一份设计文档或web设计风格指南作为指导。

风格指南能够保证不同的页面共同拥有一套核心的体验效果。另外,其还有助于保证未来的开发或第三方创作工作不偏离最初的品牌路线,能够与整体品牌保持一致。

Luke Clum曾在去年简略地介绍过如何编写风格指南并将其作为web设计的第一步骤,那么现在我想更加深入地探讨一下如何针对你的项目编写一份有效的web设计风格指南。

别再自命不凡了,设计师

蓝蓝设计的小编

设计界存在一个问题。这不是薪酬水平的不平等,或者岗位的差距,也不是童工问题,但它确实是个问题。


设计师当中有一种自命不凡的流行病。有些人只沾染了一点点,体现为一种讽刺的愤世嫉俗。还有些完全是太把自己当回事了,并且对此毫不自知。


不论哪种,是时候结束这样的局面了。没错,我在呼吁这些设计师别再自命不凡


细节决定品质

蓝蓝设计的小编

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

来源:http://www.uehtml.com/post/15085/

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

首先不谈设计我想谈下剪头发,我们每个人都要修剪头发,特别是男人,以前我的头发是妈妈剪的,那时的她是以节约为目的的,她觉得她剪的很好,我也这么认为,所以我一直觉得我不适合短发,不是她剪的不好,而是我不适合,直到过了二十多年,我在深圳发现大家都是短发很潮,于是决心在试次,结果是令我自己满意的,那个师傅慢慢修,慢慢剪,理发师自己本身就穿着整齐头发干净很精致,干了10年了,很多年轻人理发2侧是用推子直接铲的,但是他是慢慢用剪子和梳子修的,剪好,人整个精致了很多,更有气质了,突然发现很多事情都是想通的!


作为设计师,听到最多的无非就是我们要高大上,大气,有品质,什么是高大上,是有品质的设计,其实很多人对高大上的理解并不是来源于网上的设计,你去看一个世界杯宣传短片,去看一个演唱会,你会有比较,感觉这个演唱会很有品质,看一部电影知道这是个大作,并不是因为一张海报,一个韩国的MV你会觉得画面很美,这里面有很多元素,文化上的美,他们有一个共同点,都是很用心,很细心,很专心去完成他们的艺术作品。 


很多人印象中,香港人很精致,我们买衣服的时候也会想挑一些香港品牌,每周深圳有好多人排队去香港淘衣服及很多好东西,在香港街上我发现他们穿衣服很精致,扣子很多是扣到最上面,头发梳理的很整齐,皮鞋擦的很亮,很多香港老人也会穿戴整齐,我们会觉得他们活的很精致,香港早年沦为殖民地,英国的文化对他们影响很深,这就是为什么我们记住了英国绅士,他们的谈吐等,其实说这么多,就表达品质感来源与对生活美的追求,来源于精益求精的每一个细节的追求与把握!



1  文字的细节



上图打叉的是我们经常忽略的小细节,用系统默认的字的大小打完专题专题,你会发现其实字体对中文和英文大小是不一样的,上图明显数字“8”相比较“月”和“日”略小,这样,标题会有种上下起伏的感觉,不稳当,第二个是字的间距,默认打完叹号离文字过远,直接断开了2句话,有必要去调整下字的间距,调整后字号也变得更大空间得到合理运用!



(实际运用案例)



错误的示意里我们选用了一款常用的书法字体,当然结果是不理想的,也许项目会反馈你不够大气,无论在笔触上,字形上都不是一个很好的选择,但是现有的字体无法满足你的要求,怎么办,你可以利用一些在线书法生成一些毛笔字,但是要注意的是生成的很多字在笔触粗细上都不一样,很容易让你几个字放在一起看着很别捏,如果你没有很好的书法,你需要多下载一些书法笔触,找出一些字特点并移植到你选中的另外几个字上,在适当的地方加粗笔触,这也是一个慢慢磨的过程,但是能提高不少作品的品质感!



(实际运用案例)



上图本身运用问题也不大,但是因为我们搭配的素材是一个Q版人物,所以为了增加设计的快乐感在里面,依然重新手写了胖乎乎的字体设计达到我们想你要的感觉!



上图对文字的排版无疑很有问题,我们正常阅读顺序是白吃今天你了么,这样的设计实在无法让人产生好感!品质感就大打折扣



2  图形



我们经常做按钮或导航或者排版的时候总会ctrl+t改变图形的大小,单即使你用的是矩形工具拉的一个矢量图形,在你反复改变大小的时候会出现虚边,有时候你不仔细看看不出,但是当你对图形进行描边等效果问题就会暴露,整个页面充满了这种虚边的时候,你会感到网页很模糊,就像胡子没刮干净的感觉,不舒服!



3  底纹

国庆干货第一波!20个实用便捷的CSS3工具、库及实例

蓝蓝设计的小编

编者按:坊间传闻,有本CSS的高手炼成秘籍在江湖失传已久,书中所载,多为的惊人技术与实例示范,是为集大成者,一旦学成,代码效率猛增,功力提升数倍,今日偶获,不敢怠慢,赶紧发到优设,望人人受益。说人话:好东西呀快来看呀!

在本列表中,。我们从多位艺术家那里搜集了惊人的例子,足以证明使用CSS,一切皆有可能。我们还收集了一些关于CSS 3的不可思议新功能的文章,以及一些有用的CSS库。接下来的内容会让你目不转睛,所以让我们开始吧!

不可思议的CSS 3新功能:Tutorialzine.com

为了充分感受这些例子你需要的浏览器,比如Chrome。

UI设计师大礼包!2014年最全的ANDROID GUI模板和线框图免费下载

蓝蓝设计的小编

编者按:距离上次分享GUI模板有很长时间了,这段时间里设计趋势不断变化,谷歌推出了的Android L以及全新的界面设计,UI设计师又有得忙了,今天收集了一组实用的GUI模板和线框图,包含的Android4.4,Material Design,Android 可穿戴设备等等,控件全面,拿来即用,建议收藏待用呦。

第一次印象的好坏,引导页是如何做到的?

蓝蓝设计的小编

当你第一次打开一款应用的时候常常会看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验。因此各个公司都在努力将这几个页面设计好,从一开始就引人入胜。那接下来我跟大家一起来探讨关于引导页的设计。

一、 目的区分

根据引导页的目的、出发点不同,可以将其分为功能介绍类、使用说明类、推广类、问题解决类,一般引导页不会超过5页。

1.功能介绍类

功能介绍类引导页主要是对产品的主要功能进行展示,让用户对产品主功能有一个大致的了解。采用的形式大多以文字配合界面、插图的方式来展现。

以易信为例,采用文字与水彩插图结合的方式,文字分为2个层次,大标题与小标题,大标题是对主功能的概括,小文字是对其功能模块的详细描述或进一步补充说明。

从“令人发指”的苹果来看所谓的细节设计

蓝蓝设计的小编

什么是细节设计?在讨论这个问题前先来看个案例。如果你手里恰巧有 iPhone 4s / 5 / 5s,请随便打开一个可以调出虚拟键盘的应用「比如短信」。注意观察键盘的最后一行,相信看这篇文章的人都是中文用户,所以在你的 Space 键「空格键」左边一定有 Globe 键「用于切换输入法的那个小地球按键」和 Dictation 键「画着麦克风的语音输入键」。然后去到 Settings「设置」- General「通用」- Keyboard「键盘」- Keyboards「键盘」,将除 English「英文」之外的输入法全部移除后再回到之前的虚拟键盘,你就会得到下面的两幅图。

扁平化救星!页面动效能否拯救扁平设计?(附工具推荐)

蓝蓝设计的小编

编者按:动效现在是扁平化身边的大红人,哪里都有它的身影,动效能否为扁平化增光?设计师有什么利器可以绘制动效?昨天发现一篇好文,关于这两方面都有实在的干货分享,建议同学们当机立断,先转后赞,特别要记得看。

作为一个网页设计师,我们需要努力让我们的技术与技巧与时俱进。我们不用追随每一个时代潮流(比如长投影),但是我们的确需要随着网络的发展与成熟,不断学习并提高我们的技巧。

网页设计产业最近开始火热的新发展之一便是动效,越来越多的公司在他们的应用和网站中放入动效以取悦用户,从竞争对手中脱颖而出以及提升产品的可用性。

动效需求如此之高的另一个原因在于网页扁平化的潮流。扁平化设计整体来说是挺不错的,而且使得人们寻求新的方式来改善它为数不多的问题。

高手作品!21个布局超赞的欧美网页设计模板PSD免费下载

蓝蓝设计的小编

有时候看到有人说国外的网站风格不适合用在国内,这是不对的,网页重点是布局排版和配色,而欧美的网页有很多创新的布局,配色也很棒,这些都可以参考,今天我们整理20+排版超赞的欧美网页设计PSD模板,无论是新手或是进阶设计师都可以下载来学习,还允许免费商用呦!

下面一起来看看这组免费的网站模板素材,有很多不同的行业类型供你参考噢!

日历

链接

个人资料

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

存档