教程

  • 有关简洁网页设计需知的6点技巧

    导语:简洁并不等于极简主义,在保持网站简洁的外观的同时,辅以其它元素的使用,同样能够达到要求。那如何做到这一点呢?通过本文你能从中学到一些经验。本文作者迈克·埃文斯(Michael Evans)是一位热情的博客写手。他擅长Photoshop,贡献了多篇网页设计和开发的教程,并且受到了读者们的喜爱。

  • Node.js和Geddy初学者指南(第一部分)

    在这个包含3个部分的教程中,我们将帮助大家从头了解Node.js和Geddy,并且开发一个to-do list的管理程序。我们将介绍如何安装Node.js到windows和OS X,及其Geddy,并且生成我们第一个应用。

  • 设计需知:移动网站设计应注意的技术细节

    站长之家(CHINAZ.com)4月13日编译:“移动网页”是网站设计中的重要一环,随着能访问互联网的手机逐步普及,因此,大家希望能随时关注自己喜爱的网站。在本文中,我们将着重探讨网站开发/设计人员在设计简洁和专业的移动网站时必须注意的重要方面和技术细节。

  • 用CSS3打造独具创意的动画菜单效果

    站长之家(CHINAZ.com)4月12日编译:CSS3新增添了实现动画效果的新功能,通过本文,你可以对这些新功能有个初步了解。本文将为大家带来一些充满创意的菜单悬停效果。它由图标,主标题,副标题等简单的元素构成,通过CSS3最新的过渡(transition)和动画(animation)两个功能实现鼠标悬停时的动画效果。我们用同样的元素做出了9种不同的效果。

  • 5条建议帮助设计一个成功的购买按钮

    导语:不管你是设计师、网销人员还是电子商务站点的站长,都不能忽视“购买按钮”所起到的作用。在本文中,我们将一起跟随来自波兰的企业家Karol K看看在“购买按钮”的设计中应注意的几点。

  • 搜索框设计技巧分享 帮助优化网站性能

    导语:设计精美的网站当然很吸引人,但如果你的网站设计精美,内容上乘,就是不明白网站为何没达到运营预期目标,问题可能就出在搜素框这一元素的运用之上。本文指出了设计者必须避免的错误,并分享了一些搜索框设计技巧,希望在优化网站性能方面有所帮助。

  • PS教程之制作一个简洁现代的web按钮

    站长之家(CHINAZ.com)4月6日编译:本教程在Photoshop中用简洁快速的方法制作了一个灵活的、流行的web按钮,并让大家对PS中的颜色,渐变色,图案等基本操作进行了更深层次地掌握。希望对设计者们有所帮助。

  • PS设计教程之制作WordPress新闻博客模板

    通常在第一次制作新闻博客模板,很难把握方向。这篇教程将为你提供如何在Adobe Photoshop中制作WordPress新闻博客主题的参考。该主题包括页眉区,图片轮换区域(包含特色文章,最近消息,按照分类显示,侧边栏,widget)。如果你是初学者,跟着本教程一步一步来就可以。如果你有一定基础,亦可从本教程中获得新的收获。

  • PS设计教程之如何制作一个时尚的商业模板

    今天我们将在Adobe Photoshop中设计一个时尚的商业模板。该模板包含页眉、图片轮换、服务区域、视频,关于我们、页脚等内容。通过本教程,结合图案、纹理、颜色等元素,轻松几步即可制作出3D效果的界面。

  • 国外20个优秀实用的CSS教程分享

    站长之家(CHINAZ.com)3月26日编译:对于设计人员和开发人员来说,CSS一直是web设计过程中重要的一部分,使用CSS布局的页面可以提高页面的浏览速度、易于维护和改版,给Web开发者和设计师们带来了便利。在本文中,将分享国外20个优秀实用的CSS教程,希望能帮助设计人员和开发人员提高工作效率和相关技巧。

  • 创建网页背景材质时常用到的4种方法

    在网页设计中创建背景材质通常是根据设计方向展开设计的第一步,也是确定设计基调的重要环节。虽然大多数情况下,网页背景材质是非常细微和低调的,但是由于整个背景的范围较大,所以会给人强烈的心理感受。所以这篇文章中,我会就网页背景材质创建过程中常用到的方法做一总结,希望对于大家在设计中的开头步骤能够给与帮助的参考。

  • 国外15个优秀的响应式网页设计教程

    站长之家(CHINAZ.com)3月12日编译:响应式网页设计和移动互联网密切相关,并因移动终端的丰富和普及而兴盛,它的理念是页面的设计与开发应根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。随着越来越多的设计师正使用响应式设计技术,这里就将分享国外15个优秀的响应式网页设计教程,以供学习借鉴。

  • 18个详细的HTML5网站布局编码教程

    站长之家(CHINAZ.com)3月5日编译:HTML 5是近十年来Web开发标准一个巨大的飞跃,和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频、音频、图象、动画以及同电脑的交互都被标准化。随着现代主流浏览器对HTML 5的不断支持和完善,HTML 5被广泛应用。本文将分享18个详细的HTML5网站布局编码教程,以供学习借鉴。

  • 2012年2月份精选的16个最棒photoshop教程

    这里我们分享来自designzzz分享的最新16个photoshop的在线教程,希望大家喜欢!

  • 25个实用的Photoshop菜单和导航教程

    站长之家(CHINAZ.com)2月24日编译:菜单和导航条是一个网页的窗口,承载网站的主要链接,通过与众不同的形状设计再配合各种样式,可以达到吸引访客眼球的目的。Photoshop是集图像扫描、编辑修改、图像制作、广告创意,图像输入与输出于一体的图形图像处理软件,许多网页元素都可以使用Photoshop来制作完成。这里就有25个实用的Photoshop菜单和导航教程,希望对你有所帮助。

  • 35个优秀实用的Photoshop背景教程

    站长之家(CHINAZ.com)2月13日编译:一张有吸引力的背景图片可以帮助你的设计达到完美的效果。众所周知,Photoshop是集图像扫描、编辑修改、图像制作、广告创意,图像输入与输出于一体的图形图像处理软件,深受广大平面设计人员和电脑美术爱好者的喜爱。这里就有国外35个优秀实用的Photoshop背景教程,希望对你有所帮助。

  • 15个2012年网页设计的趋势分析

    今天我们就给2012年的网页设计趋势有一个分析和美好的猜想,希望能和大家一起在新的一年里有一个更清晰的思路去创意和想象,去启发更多的可能。

  • Flash广告设计要素

    投放在媒体的banner需要在最短的时间内给用户传递出最关键的信息,这就要求我们在设计之前一定要和需求方充分沟通,明确活动主题、重点、一定要求对方提交宣传文案、商品图。

  • 分享19个值得学习的jQuery和CSS按钮教程

    站长之家(CHINAZ.com)2月7日编译:jQuery是继prototype之后又一个优秀的Javascrīpt框架,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒模型的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。这里就将分享国外19个值得学习的jQuery和CSS按钮教程。

  • 分享国外35个非常实用的HTML5教程

    站长之家(CHINAZ.com)2月2日编译:随着现代主流浏览器对HTML5的不断支持和完善,越来越多的开发者开始使用HTML5来制作各种功能强大的应用程序,和以前的HTML版本不同,HTML5带给了网页设计师和开发人员更多幻想新事物的能力。为了方便大家更好地学习HTML5 ,本文就特别分享了国外一些非常实用的HTML5教程,希望能有所帮助。

  • 设计创造完美网站标志的8个技巧

    标志,是现代经济的产物。标志承载着企业的无形资产,是企业综合信息传递的媒介。标志作为企业CIS战略的主要部分,在企业或品牌形象传递过程中,是应用最广泛、出现频率最高的,同时也是最关键的元素。如何才能设计和创造一个完美的网站标志呢,这里总结和分享8个相关技巧,希望对相关从业人员有所帮助。

  • 使用CSS3实现的超酷幻灯图片效果

    这个教程将介绍如何使用纯CSS创建一个干净的幻灯图片面板。主要想法是在面板中使用背景图片,然后在点击标签后使之动画。

  • 使用CSS3实现的超酷幻灯图片效果

    这个教程将介绍如何使用纯CSS创建一个干净的幻灯图片面板。主要想法是在面板中使用背景图片,然后在点击标签后使之动画。

  • 字体和字型的选择

    字体式样繁多,又有各种不同的字号,也如同气味和声音一样,含有情感、意义和相关性。您或许会被下拉菜单里庞杂的字体给吓到,随意的字体选择也可能让信息不经意地被扭曲,浏览下面的内容能帮助您在一团混乱中厘清思绪。

  • 22个有用的PS&Corel Draw海报设计教程

    站长之家(CHINAZ.com)1月13日编译:Adobe Photoshop和Corel Draw是海报设计的最佳选择,然而对初学者来说,要学习和掌握其设计技巧是一项艰巨的任务。如今有不少设计师们会分享一些有价值的教程,帮助他人学习运用Adobe Photoshop和Corel Draw来设计出不同类型的海报。这里就有国外网站收集的22个有用的海报设计教程,希望能够帮助提高你的海报设计技巧。

  • 16个打造经典复古照片效果的教程

    站长之家(CHINAZ.com)1月9日编译:复古色是很经典的调色技巧之一,随着社会科技的进步,摄影爱好者大多数都用上了数码相机拍照,但在十多年前摄影的的风格却一直令人难以忘怀,因为我们看久了新时代的拍摄风格,怀旧照片反而更耐人寻味。这里就有国外16个打造经典复古照片效果的教程,以供分享学习。

  • 20个值得收藏的CSS3文字效果教程

    站长之家(CHINAZ.com)1月5日编译:CSS3提供了很多的设计上的新技术和高级功能,它给Web开发带来了革命性的影响,以前很多需要JavaScript才能实现的复杂效果,现在使用CSS3就能简单地实现。这里就有国外网站推荐的20个CSS3文字效果教程,希望能帮助提高你的CSS技巧。

  • 20个优秀的Photoshop图标设计教程

    站长之家(CHINAZ.com)12月30日编译:现在大部分网站都融入了图标,图标逐渐成为网站里重要的一部分。适当地使用图标能帮助实现一个在客户看来非常专业的网站。尽管从网上可以下载到免费的图标或者也可以购买通用的图标,但是学会了图标设计的技术无疑能够带来很多益处。这里就有国外20个优秀的Photoshop图标设计教程,希望对你有所帮助。

  • 经验分享-导航鼠标悬停状态小效果

    前段时间有朋友问导航鼠标悬停状态效果怎样实现的,今天我简单写一下教程,希望对大家有用。

  • 国外25个高品质的Photoshop CS5教程

    站长之家(CHINAZ.com)12月16日编译:众所周知,Photoshop是ADOBE公司旗下最为出名的图像处理软件软件之一。Photoshop CS5标准版适合摄影师以及印刷设计人员使用,而Photoshop CS5扩展版除了包含标准版的功能外,还添加了用于创建和编辑3D和基于动画的内容的突破性工具。大多数的Photoshop CS5教程集中于两个最流行的功能,而这里分享的国外25个高品质的Photoshop CS5教程中还包括了其它优秀功能的巧妙使用。