设计资源

在Photoshop中创建可爱的纺织面料文字

蓝蓝

 

在这里咱们就不多加讨论字体的来源定义了,谈谈制作文字显得更加直观些。还有什么是比自己用photoshop制作文字更有前途的呢?吼吼~只需要有一点时间和精力,你就可以把几乎所有创意变成美丽的作品!

嗯哼,所以,今天我要告诉你如何在photoshop中创建一个纺织面料类型的文字效果。来吧,就让我们在有趣的工具和技术下做出我们想要的文字效果!let’s go!

在正式制作文字之前,这里先讲一下资料包的使用(ps加载纹理和笔刷,熟练者请自觉绕过):

一、在photoshop中如何添加下载的图案纹理

本教程所需素材下载:
Fabric patterns by webtreats
Lace Brushes by Merrypranxter

解压该文件得到一个文件夹,里面有一个.pat文件image003,在photoshop的油漆桶工具下,选择油漆类型为”图案“,在图案面板的右边设置图标下选择”载入图案“,把刚才的.pat文件复制过来,点击”载入“就可以了。

image005

二、在photoshop中如何添加下载的笔刷

和上面差不多,你已经下载到了一个.abr文件image007,在photoshop的画笔工具下载入画笔,复制该文件到文件夹里,点击”载入“,ok。

PS教程:制作美味可口的面包圈字体

蓝蓝

面包圈是一种用面粉做成的甜甜圈类型的面包。当它们烤好又闪亮时,看上去真的可口解馋哟!

本教程将会向大家展示如何使用Photoshop强大的图层样式功能、以及一些笔刷和滤镜来创作一些美味的面包圈(效果字体)。

这是最终效果图。

clip_image002

注意:

*本教程中使用的Adobe Photoshop CS6,但是你也可以使用CS3以上任何一个版本。

*你可能想要检查BasixPage 这一页来了解一些关于Photoshop基本操作技巧的有用主题,例如加载色板和一些快捷键。

(译者注:教程所用的纹理和字体已经上传,大家可以去下载哦 网盘下载

注意:你可能需要加在本教程使用的等高线,所以可以查看这张图片来了解如何操作。

clip_image004

第一步

新建1250×1250像素大小的文档(你可以使用任何你想要的宽度值,但是请确保高度值不小于1250)。

选择矩形工具,设置前景色为#d4d0c9,并拉一个眼神到文档边框外一点的矩形。

clip_image006

双击矩形形状图层,设置如下图层样式:

——斜面和浮雕

大小:3

勾选消除锯齿

阴影模式:正片叠底—颜色# a89a86

灵感创意!27例新颖的HTML5网页游戏设计

蓝蓝

HTML5如雨后春笋一般迅猛发展,用户和开发者也渐渐熟悉了HTML5的环境,在游戏开发领域,HTML5更是比Flash更具吸引力。

HTML5在应用开发、图像、视频方面,HTML5的优势凸显,仅需原生代码即可实现。

这里是30例创新十足、魅力无穷的HTML5游戏推荐,闲暇时间点开一个玩玩吧,同时别忘了借鉴一下经验,以后你做类似设计的时候可以作参考!

1) Sand Trap

想办法往桶里面倒沙子,简单又有趣,鼠标点击旋转方块来倒沙子。

1.-sandtrap

 

2) Entanglement

容易上瘾的益智游戏

六角拼图,看似简单做起来难,自己试试吧!

3.-Entanglement

 

3) Galactic Inbox

40个超赞的html5教程

蓝蓝

在这个教程列表上我们为您收集了最具有代表性的各类型HTML5免费教程,它们会帮助你更好的利用html5来优化完善你的web项目,而且让人惊喜的是HTML5的一些热门特性都在这些案例里面体现出来了,相信这些前沿的交互细节会为你的项目锦上添花!教程都很详细,您可以按着它们的详细指南一步步制作,来挑选你的法宝吧。

延伸阅读:
出炉的20个CSS3打包下载(附预览+源码)
给网页设计师和前端开发者看的前端性能优化

Making a Beautiful HTML5 Portfolio

free-html5-tutorials-4

Create offline Web applications on mobile devices with HTML5


free-html5-tutorials-43

40个漂亮的单页网站设计欣赏

蓝蓝

最初单页面网站的设计风潮可能是由知名的网站设计师引起的。他们想要以简洁创意的方式让自己的作品公之于众。久而久之,单页面网站设计在创意上实现了巨大的飞跃。不管是时尚,App,还是动画,游戏,现在全网都盛行这一趋势。
单页面网站设计容易实现,但是如果想让你的设计成为大热,一定要确保它适合这种多页少字的设计模式。在你开始设计之前,最好要记得专注于主要内容,其他的烦恼分心的部分通通去掉,就算是你最好的点子,如果不切合主题,也要忍痛割爱。

网站导航是主要设计要素之一。用放大镜效果创建漩涡型按键,使站点引人入胜,同时也告诉用户如何使用。导航要显眼易懂这样用户才能轻松的浏览你的网站。不管是视差漩涡,服帖的动画还是简洁的菜单,你都能发现非常酷的效果。

下面我们为大家展示40种极具现代感,将单页网站设计发挥到的非常漂亮的例子。尽情的欣赏吧,希望会给你带来灵感!这些设计让人难以忘却,引人瞩目的图像绚丽多彩,内容干净整洁,实乃创意经典之作。

Fannabee

one-page-website-fannabee

Browser Awareness Day


one-page-website-fun

Mark Dearman

16个能有效学习“着陆页”设计的经典案例

蓝蓝

 

这篇文章中,我们为大家精心整理了一些有趣且富有创意的着陆页面设计案例,帮助你快速掌握着陆页设计技巧。大家都知道着陆页面(Landing Pages)需要特殊的设计,才能抓住目标受众的注意力。

着陆页对于帮助网站把访问者转换成销售非常重要。因此,产品的消息必须明确,设计必须能吸引人且简单易懂。来看看这些优秀案例获取灵感吧。

酷站推荐:
《推荐!那些令人赞不绝口的创新型HTML5网站》
《40个漂亮的单页网站设计欣赏》
 

Prezi

16个最有效的学习着陆页设计的例子

inDinero

16个最有效的学习着陆页设计的例子

界面设计中需要注意的小细节

蓝蓝

界面设计中的小细节

界面设计包括哪些细节、如何深入?

我们常说“细节决定成败”,有些界面会让人觉得不精致,缺细节,而这些细节又包括哪些呢?如何去深入呢?

不妨来看本文作者,百度用户界面设计师@JJ-Ying 为您娓娓道来:

  • 界面元素的对齐,我见过很多同学对齐是永远靠眼睛的。确实在布局的时候经常需要做到视觉上的对齐,而不是机械的对齐,但这不是界面元素可以随意摆放的借口,该对齐的内容需要对齐,有时候只是举手之劳,养成好习惯很重要,有点强迫症也不是坏事情。
  • 像素,虽然现在的分辨率越来越高,但是很多图标、按钮的边缘还是最好都检查一遍保证垂直和水平边缘不会被虚化。
  • 界面光源的一致性,一致性是个很大的课题,应该能写一篇论文那么长,细节方面的一致性应该包括界面元素、文字阴影、图标等的光源。假设深色的标题文字用了向下的淡色投影表现内凹效果,那正文就应该避免用深色的文字向上投深色的阴影
  • 图标面积的一致性,这也是一个一直难以避免的问题,而且有很多主观成分,最好的方法是设计的时候放到实际屏幕上以较远的距离查看,是不是有哪些会特别轻或特别重,然后再去调整尺寸
  • 文案,虽然这不是直接的界面设计元素,但是严谨、完整的文案也是给所有设计加分的。常见的问题有中文错别字、英文该大写的没大写、拼写错误等等
  • 别直接使用 Windows 自带宋体 / 黑体里的英文!!!这个不解释
  • 谨慎地使用高饱和度颜色、大差别渐变,我们 GUI 设计师总喜欢把自己当做艺术家,即使 GUI 真算艺术那也是限制最大的一门艺术(天朝的电影、电视剧不算。。。),大家大部分情况下遇到的设计场景没有非常大的颜色空间去发挥,所以一些醒目出跳的颜 色和渐变使用起来要比较小心,否则很容易产生“俗气”的感觉

能让UI设计显得更简约的一些小技巧

蓝蓝

让设计显得简约的一些技巧

互联网界一直在有提倡简约设计的声音,可简约设计有什么小技巧?

作者:龙泰 一个学日语的产品经理。爱猫,爱吐槽。现在在做智能手机的Rom。

谈简约设计的书籍有很多,互联网界也一直在有提倡简约设计的声音。有人说,看国内的各大门户的设计,通通都是文字和功能的粗暴堆砌,难道中国人真的不擅长设计简约吗?

产品长什么样是跟产品的受众有关的。我们看国内电视购物,从来都是以“有多少功能”的方向来推销产品的。或许我们的目标受众就是喜欢大而全的东西,并不是设计师和产品经理的错。为了迎合大环境的产品需求,我们不得不用各种可有可无的功能点来吸引用户。


 

臃肿易烦腻,简陋生欲望

产品功能多并不是好事,臃肿的功能会让产品本身的定位和识别度变得稀疏,同时带来的是在视觉和心理上的压力。也会让产品显得没有深度,感觉像是一下子就略过了前戏进入高潮了。初期的版本,只要保证那些能让产品的概念成立的关键功能点和特性就行了。

设计师应该知道的16个UI优化秘诀

蓝蓝

优异的用户界面可以让用户用得顺心,从而提高转化率(conversion rate),换言之,好的 UI 在使用与销售层面上形成双赢。本文整理了16点优化用户界面的方法,希望对大家有所帮助。

文原作者加拿大UI设计师Jakub Linowski

单栏型式优于多栏

单栏型式让你更能掌握自己的内容,从顶部到底部一气呵成,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称CTA,意指下载或消费等目的);而多栏反而可能导致读者分心。

优设网 16个UI优化秘诀 

不要劈头销售产品

「略施小惠」给使用者,贩卖的意图不要设计得太明显。小小的优惠或礼物,对未来的销售会带来大大的帮助。

优设网 16个UI优化秘诀 

统一相似的功能,避免支离破碎的UI

浏览网站时,我们很常看到琳琅满目的元素或特色,但它们的功能毫无二致,而相似的选项太多,只会提高让使用者无所适从。倘若发现自己的网站内有以不同 型式重复相同功能的状况,不妨考虑重新设计UI,把类似功能整合起来。譬如图中「Customer Service(客服)」、「Contact Us(联系我们)」其实是一样的意思,应当保留一个选项就好。

强烈推荐!LOGO设计终极大指南

蓝蓝

如果您想学习设计logo,或者您已经在设计了,那么不妨来好好看看我们这篇文章,绝对让您受益匪浅。
本文揭示了Logo设计技艺中的一切奥秘!从灵感获取再到细节处理。彻头彻尾改变您对logo设计的认知。

Logo无处不在,Logo能够起到品牌宣传、获取消费者认知的作用。Logo的核心意义是,通过简明扼要的品牌形象设计,勾勒出品牌的核心精神,让用户将Logo与企业完美的联系到一块。

Logo和品牌的关系是相辅相成的,好的Logo能够有效的支持产品和企业形象,而好的企业形象能让Logo更加深入人心。

时代一直在变,Logo设计出现了风格多样、种类繁多的大局面,挑战也与以往不同了。
设计师该要如何打造优异的原创Logo作品?设计师要如何在快速创作的同时保证Logo的质量?

本文,将致力于讲解Logo设计中的基本原则和专业性建议,耐心读完本文,你的Logo设计将会有质的飞跃。

准备工作

01. 研究用户

优设网热门文章之LOGO设计终极指南

好的Logo设计不光意味着图像优美——还必须起到品牌传达的作用。

Logo设计,视觉是第一点。还要注意的是,要思考如何通过视觉元素来宣传推广品牌形象。因此,Logo设计的第一步就是要研究面向群体,研究他们是如何看待品牌的,研究他们对什么感兴趣。

越早研究用户越好,这样就能避免出现根本问题,而且信息传递务求简洁、清晰、到位。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档