推荐阅读

详细解析网页初级学习者如何学习
嗨少年,你是否下定决心学习网页设计?那就恭喜你了!网页设计可能是你职业生涯中让你满血复活的技能之一了。路漫漫其修远兮,在这漫长的学习中,开始的30天是至关重要的,因为很多人仅仅坚持了一两个星期就放弃。在这篇文章中,我将传授你一些有用的知识和技巧,让你更好的开始网页设计之路,并长久的留在这个赛道上。向上吧,骚年!网页设计是一个涉及面很广的领域“我想学习网页设计”这句话就像“我想学习如何烹饪”一样,你知道吗?做饭有成千上万的食谱,很多不同的烹饪风格。每个成为设计师的人都应该知道,网页设计有成千上万的特定工具和一般原则。也正因为网页设计是这样一个广泛的领域,许多人就简单地问:叫兽,我该如何开始?这个问题虽然只有六个字,却能阻挡了人们的网页设计之路:有这么多工具可以选择,那我到底该选哪个呢?我真的无从下手。我的网页设计之路在网页设计大军中,我也曾是一个被如何开始和从哪里开始弄的不知所措的菜鸟。我不知道是该先学习Dreamweaver呢还是photoshop ? 或者先学习如何用JavaScript编程?其实这些事情我都可以做,但当学习的资源很多的时候,我们中的许多人就会面临着过载的选择,当你有很多选择时,你会烦恼,最终一个也不想选了。你有过这种经历吗?Dreamweaver是一个很基本的程序,它可以帮助你更快编写HTML和CSS代码。它的优点是简单,缺点是你会花更多的时间去编码。所以Dreamweaver只能是一个节省时间的好方法,而不是学习网页设计的好开头。这就是我已经吸取的教训。所以我的选择是:首先学习HTML和CSS. 为什么要从HTML 和CSS开始?

CS5新增功能实例精解1. 新增的“Mini Bridge中浏览”命令
2010年4月Adobe公司传来喜讯,Photoshop推出了CS5版本,软件中增加了很多动人的新增功能。为了让大家快速掌握这些功能的使用方法,在此我为各位朋友整理了几组实例操作,供大家学习和研究。在Photoshop CS5版本中,软件的界面与功能的结合更加趋于完美,各种命令与功能不仅得到了很好的扩展,还最大限度地为用户的操作提供了简捷、有效的途径。在Photoshop CS5中增加了轻松完成精确选择、内容感知型填充、操控变形等功能外,还添加了用于创建和编辑3D和基于动画的内容的突破性工具。下面将带领读者一起体验Photoshop CS5中的新增功能。开始阅读之前,请先下载练习文件然后配合下面的操作进行学习。在Photoshop CS5中,单击应用程序栏中的图标,在展开的菜单中选择“CS5新功能”选项,更换为相应的界面。此时任意单击菜单,在展开的菜单中,Photoshop CS5的新增功能部分显示为蓝色,更加方便用户查看新增的功能,如图1-1所示。图1-1借助更灵活的分批重命名功能轻松管理媒体,使用Photoshop CS5中的“Mini Bridge中浏览”命令,可以方便的在工作环境中访问资源。(1)执行“文件”→“Mini Bridge中浏览”命令,打开“Mini Bridge”调板,如图1-1所示。图1-1(2)在“Mini Bridge”调板中,单击并拖动其右下角,可调整调板的大小,如图1-2所示。

在InDesign中对行距、字偶间距和字符间进行调整
图4-29所示出示了行距、字偶间距调整和字符间距调整的对照图。图4-29 对照图相邻行文字间的垂直间距称为行距。测量行距时是计算一行文本的基线到上一行文本基线的距离,如图4-30所示。基线是一条无形的线,多数字符的底部为基线,均以它为准对齐。图4-30 行距(1)在“字符样式”调板中,双击“标题”样式,打开“字符样式选项”对话框,选择“基本字符格式”项目。(2)单击“行距”选项的下拉按钮,在弹出的下拉列表中选择“自动”。然后设置“大小”选项为24点,如图4-31所示。图4-31 设置行距

HTML教程:无序列表
原文:http://andymao.com/andy/post/102.html段落已经讲完了,那么一些基本的应用方式也讲了一些,那么是否已经应用了呢?当然应用可以更为丰富,那么这些就需要自己在实际工作中不断的摸索与思考,然后创新并总结得出新的应用形式。当然了段落不能当作万用膏药一样倒处使用,不过相信大家也都知道现在“DIV”这个标签的作用已经被扩大化了(POPO曾有一篇文章《<DIV>不是万能膏药》),更已经被一些人拿来与CSS一并说事。这里呢还是要重新强调一次:DIV只不过是HTML中的一个无语意标签,他可以用来布局或是作为无语意部分的处理,而CSS则是一种样式语言。名不正则言不顺,我这里不是古板,而是这种说法会让大家对于标准的理解会产生偏颇。基本的等级都弄不清楚,把标签功能无限放大,这些都不是一个正确的学习态度。我这里细细讲解各种标签以及用途其中一点也是希望大家正确理解WEB标准的意义。正确的说法应该是“xHTML+CSS”或是“WEB标准”简称为“标准”也可以。今天不是为发牢骚的,还是讲今天的主题《无序列表》列表,相信大家都已经用过了,Word里也有,很多文档编辑里也都有。而在HTML中的列表则有三种类型:无序列表、有序列表、定义列表。饭要一口口的吃,事要一件件的做,今天只讲无序列表,并且今天所讲的列表不会涉及到CSS的美化工作。说到这里大家应该也明白了,我的讲解都是分开来的,并不以样式美化为主,这也是要告诉大家标签代码非常重要。那么我们首先就要来理解列表。我们日常生活工作都是琐碎而没有条理的,而要想得到一个高效的友好的信息互通那么就要梳理信息,做好归类。这样才能有效传达信息。用列表把同类的内容进行简单的归纳,我认为这是列表的一个基本作用。常见的用途有:图书目录、饭店菜单、人员名单、待办事宜等等。而这些信息大多不是大篇的信息内容,而是简要的标题。当然列表的用途不是说只能是归纳标题信息,列表并没有去限制内容的多少。只是我们常用列表去归纳的多是些标题信息罢了。那么我们又如何去理解无序列表呢?无序的对应就是有序,从字面上去理解就很容易,有序就是说他本身就标明了前后顺序的,这是严格的,并且这些信息本身就有着顺序特性。比如我们写操作步骤那就就需要明确第一步第二步,这样的信息必然是有序的,而无序呢?也就是说其本身就是无序的没有任何顺序可言。这里要举个实例让大家思考一下:*部门的领导名单前后顺序是他们最头疼的事,虽然他们有时会写着排名不分先后,但是实际上依然是有排名的,那么这里我想提出问题:这样的名单应用有序列表还是用无序列表呢?当然这个没有标准答案,各人都有各人的思考方式,那么你是怎么想的?不妨在评论上留下你的想法。这里我就不说我是怎么想的,希望大家能多动动脑筋,多思考。列表的标签形式是:<ul> <li>这就是列表的内容了</li> <li>这就是列表的内容了</li> <li>这就是列表的内容了</li> <li>这就是列表的内容了</li> </ul>这里我们要注意到,列表有两个部分,一个是最外面的一个标签<ul></ul>,一个是里面的内容<li></li>。我们可以这样去理解,<li></li>是一个个标准化的小盒子,他们主要存放着列表信息,而<ul></ul>则是个大箱子,他的作用就是存放小盒子。这些一个个的小盒子只有放在大箱子里他们才不会弄丢了。整齐而有利于运输(移植)、存放(定位)。那么列表与段落一样可以有很多属性在其中,比如,我们可以为<ul></ul>设置一个id或是class或是title等属性,其特点功用与段落中的一样。而<li></li>也可以有这些属性,但是一般情况下来说列表即然是同类的一般也不作特殊化处理。那么无序列表基本上也就算是讲完了,其实这篇最重要的内空就是什么样的信息应该用无序列表,而这些则需要在实际应用的时候多分析多思考。那么对于还没使用列表标签的朋友,开始使用列表标签,放弃用DIV代替列表标签的做法。或是用表格来表现列表的朋友也可以试着改变一下。从现在开始使用无序列表标签。当然如果你已经用了发现这样还不能满足你,那就等后面讲解如何用样式去开发出列表的潜力吧。今天讲的内容虽然比较简单,但是还是希望来读本篇文章的朋友可以思考一下上面我提出的问题。
最新发布

Illustrator绘制时尚彩色的逼真贝壳
趁着南方的夏天还木有过去,今天赶一趟晚车,分享一个贝壳教程,教程重在打造贝壳的细致纹理,虽然过程稍长,但译者非常细心,针对新手给个别界面标注了中文,很多同学都可以依着教程一步一步完成,你也来试试看吧。先看看效果图一、新建文档去“编辑>首选项>常规>键盘增量设为1px”以及“单位”选项卡的单位如图所示。我通常会使用这些设置,因为它们会在你的绘图过程中起到作用。二、创建的贝壳的形状步骤1:选择矩形工具(M)绘制一个2×97px矩形,然后给它一个填充一个你喜欢的颜色。现在,放大矩形的顶部,然后选择添加锚点工具(+),使用它在中间添加锚点,如下图中特写镜头显示的那样。在矩形底部做同样的事情。

Illustrator详细解析如何给形状调色技巧
本教程主要使用Illustrator实用技巧之形状调色技巧,之前一个教程是告诉大家如何上色,今天是告诉大家如何给上色后的形状进行调色,感兴趣的朋友一起来学习吧。

Illustrator绘制时尚多彩的网站LOGO教程
作者最近接到一个任务,给一个网站设计新LOGO。任务完成后,他将这次设计LOGO的过程分享出来,学习如何从最普通的正圆里变化出独特的LOGO,还有特殊的配色技巧,一步一步跟着做起来吧。教程源文件:时尚字体风格的网站LOGO教程源文件前言在做网页设计时,难免会遇到将LOGO一并设计的时候。因为客户往往很少拿原来的印刷版的LOGO再投入使用了,过时的设计也不符合新的网页风格。因此,这也给UI设计师们一项新的挑战:怎样给网站设计新LOGO?2015年,飞屋睿的教程开启了关于logo设计的系列,对于图形的热爱一直都很赤忱,鲜有佳作,但总是要努力。不管怎样,我把自己所学到的再分享给大家,最希望看到的就是大家能从中受益。这个LOGO设计来自于最普通的几何正圆,由于英文字母的圆滑外形,通过一些修饰,就能用圆形来打造出独特的文字标识效果。一、绘制草图一般而言,LOGO设计前,除了先要将其要传达出的信息理解透彻外,还要在草稿纸上,反复尝试各种形式。我将这个过程称之为“找感觉”。我们没有办法凭空就能设计出最优的版本,那么前面试错的过程尤为重要。二、绘制线性图

Illustrator绘制复古典雅风格的花朵花藤
今天的教程,新手拿来练习,对掌握画笔工具很有帮助,这个AI教程将教你如何创建画笔,利用它们绘制一幅典雅的复古花艺作品,对AI不熟悉的童鞋,这个教程赶紧拿下啦,掌握这个技巧,你可以画出任何花卉的。在本教程中,你将会学到在Adobe Illustrator中创建画笔,并利用它们绘制一幅典雅的复古花艺作品。完成后你会得到一幅栩栩如生的美丽复古花束插图!1. 创建特殊的画笔第1步首先,使用以下尺寸创建一个新的文档:600 px高,600 px宽。现在我们需要新建两个画笔。图1。新建一个画笔,用椭圆工具(L),画一个很长很薄的椭圆(填充颜色为R=35 G=31 B=32)。前往画笔面板。出现一个新窗口。选择新建艺术画笔然后按确定。在第二个窗口,在着色方法中选择淡色。这个新建艺术画笔的宽度应该是100 %,并看一下方向是从左到右。我们把这个画笔命名为”画笔1″。图2。现在新建第二个画笔,用椭圆工具(L)画一个长椭圆,填色一样。使用转换锚点工具(Shift-C),单击椭圆左边的锚点,然后再单击右边的。现在把它拖到画笔面板,并像之前那样新建一个艺术画笔。我们会叫它”画笔2″。

Illustrator绘制时尚多彩的圣诞节火鸡
从手掌到火鸡的漂亮转身,今天的教程可能是圣诞节教程专题里最具亮点的一个了,一张空无一物的手掌扫描图,仅凭作者天马行空的想象力与色彩挥洒下变成艺术感极强的圣诞节火鸡,特别有意思的转变,篇幅所限,新手想搞定教程,可能得多下点功夫噢。在这篇教程中,我们将会运用手掌轮廓的简单图像创建一只色彩缤纷的火鸡,来庆祝感恩节!火鸡是美国人庆祝感恩节的传统装饰,孩子们趴在地上,沿着他们的小手边缘画出火鸡的形状,然后把它们贴在冰箱上。我们将要使用各种各样的纹理、画笔和符号来画一只火鸡,向这帮孩子们致以我们最崇高的敬意!一、准备好手型轮廓第1步下载教程附带的001.JPG 微盘下载 文件并在Illustrator中打开。你也可以自己把手按在纸上画一个,然后把它扫描进电脑里。将这个手型轮廓拷贝进一个新文件,然后选择“对象——图像轨迹——创建”来将轮廓线转换为矢量图形。第2步将新转换为矢量对象的手型轮廓线扩展。

3DMAX制作逼真的藤编家具模型教程
今天小编为大家奉上一篇用3Dmax制作藤编家具的教程,用藤编制作的物品(比如家具或装饰品)物美价廉,风格独特,有艺术感…总之优点很多,因此受到很多人的青睐,设计师们经常把藤编家具或者装饰品运用到自己的设计作品中,我们来欣赏一下藤编制作的家具和装饰品。今天我们以下图为例讲解这个场景我们需要做两个模型,一个是藤编茶几,一个是藤编座椅。下面开始茶几的制作一:藤编茶几的制作方法1.在扩展基本体中,创建一个切角圆柱体,参数如图所示

3DMAX模仿地心引力制作太空空间站
大家好,我是大卫,目前是一个cg行业自由职业者。下面是我的最新作品,模仿地心引力的太空空间站。以下是我的制作过程,希望朱峰社区的会员喜欢。概念设计一开始我希望制作一个大型的3d作品。我在心中想象出的草图,然后把它素描出来。下面是我画的极光站。建模造型从小行星开始制作,从基本模型开始,然后细分变形,加入程序纹理。位移一下,使用同样方法制作其他小行星。完成了小行星建模后,我使用喷刷工具,把小行星的实例几何体替换成点粒子。

3DMAX快速制作流线造型贝壳椅教程
今天给大家带来的这个贝壳椅的制作难度并不高,由于相似的休闲椅制作方法一致,所以特意将贝壳椅的制作方法作为案例来解析建模步骤,无论是贝壳椅、蛋形椅、蝴蝶椅、蜻蜓椅、蚂蚁椅、香蕉椅还是花朵椅等等这种仿生形态的椅子都可以运用这种方法来建模噢。这款贝壳椅作为以色列著名设计师Ron Arad的大作,简朴的样式、圆滑的弧线,符合简单自然的现代潮流,柔和的贝壳的纹理效果,让人仿佛感受到海水在脚边,轻轻絮语。镜头一转,我们回到建模步骤来哈!快打开3dsmax软件,瞧瞧今天的内容:1.建模思路—多边形编辑 2.建模步骤—4步快速创建3.其他相似建模方法—各种现代椅。首先我们要动动小脑袋瓜,想想在3ds max里面用到了哪些工具制作这把扇形椅?1. 建模思路—多边形编辑。教程中用到的所有工具:可编辑多边形修改器(poly)→壳(Shell)→涡轮平滑(TurboSmooth)。2. 建模步骤—4步快速创建一:1.box 2.转多边形删面 切边 3.连接中边连接点 4.调大致的形体

3Dsmax快速给天花板异形图案建模
本教程主要使用3Dsmax中快速创建出如图片中漂亮的天花板来呢,今天我给大家带来的就是异形天花板快速建模技巧,看完后你就会发现,原来这种异形天花板做起来也是很简单的。1.首先创建一个如图所示的样条线,调好点后添加挤出命令,参数如图:2.接着把物体转化成可编辑多边形,然后选择如图所示边,对这些边进行连接命令,参数大概在40-60都可以,电脑配置高的多连点,配置低的少连点3.进入到点层级,如图,随意选择一个点,再进入软选择工具栏,勾选使用软选择,再调整衰减参数,得到如图所示的物体。4.按住Z轴移动刚刚选择过的点,最后得到如图所示物体,取消勾选软选择,再退出软选择工具栏。

3dmax结合Vray制作霓虹灯艺术字效果
在本教程中,您将了解一个很酷的技术,就如何实现霓虹灯的效果。我会告诉你如何模拟从字体的霓虹色,然后模拟的方式是建立在一个霓虹灯结构得到逼真的效果。最后,我将演示如何正确设置了材质,灯光和渲染设置与VRAY渲染使用alpha通道。最终产品第1步好了,先写下你的文字,选择类型(矿是“Neona”的),将其转换为可编辑样条线。第2步现在,删除你需要这样它只有一个单一的线保持的顶点和片段。第3步