Web设计_站才网

Alexa排名pr收录查询工具

站长友情连接检测工具站才工具

全能空间低价风暴

启蒙数据专业主机商（站才网信誉保证）

[公告]站才网对于所有会员发布原创文件均置顶推荐！

您当前的位置：站才网 -> 站长文章 -> 网页制作 -> Web设计

站内搜索:

网页设计师需要如何提升自己的实力

无论是自由网页设计师、小代理行的创始人或是网站站长，我们中的太多人是独自工作的。数字革命的消极面就是制造隔离。网络使得我们可以独自完成那些之前需要团队才能完成的工作。它使得我们能摆脱地理上的限制，使我们能在家上班。但当我们从中受益的时候，这些也使得我们变得孤立起来。网页设计师的孤立的危害随着时间的流逝，与世隔绝地工作（即使你作为一个团...

(2011-11-20,[查看全文]

[图文] 浅谈网站中的用户推荐模式

关注到‘用户推荐’的契机是现在某购物站点的‘猜你喜欢’，虽然是换了皮的推荐，但真的某一天开始高准确度地猜中了我的心头好。我猜是我大量操作，坚持不屑地使用该产品，给数据库留下了足够的蛛丝马迹，这才被一箭命中，让程序看穿了喜好。某日开会，业务与设计在争执‘推荐’模块内容，到底由业务推?还是按照用户喜好来推?换句话说到底是安排相亲对象还是放...

(2011-11-10,[查看全文]

[组图] 解析推荐一些常见的线框工具

线框是一个非常有用的网页开发工具，正确使用有助于帮助Web开发者节省时间和精力！下面介绍一些常见的线框工具，希望对Web设计师有帮助。1.960.gsTemplatesforInkscape960个Inkscape模板集合。2.AndroidPatterns一组帮你设计Android应用的交互模式。交互模式是应用程序设计中的经典模式。...

(2011-11-10,[查看全文]

如何让互联网产品设计的更成功

作者首先分析了影响产品成败的因素，然后对症下药，从战略、规划、战术三个层面，诠释了做一款成功产品的秘诀。谈到“成功”和“失败”，我想每个企业管理者和产品的具体参与者都存有“避之不及”与“翘首期望”的双重心态。被冠以“成功”还好，可以上下振奋、内外俱荣。一旦被冠以“失败”，便推搡躲闪、情何以堪。其实定义所谓的“成败”很容易，销量、口碑、...

(2011-11-08,[查看全文]

[组图] 国外的一些响应式网页设计欣赏

我们了解了一下响应式网页设计是什么，现在趁热打铁，来欣赏一些国外的一些很赞的响应式网页设计，看看他们是如何实现对PC端浏览器和移动终端的全面支持的。想要查看效果很简单，打开这些页面，然后缩放浏览器窗口就可以了——当然，要用chrome/safari/firefox/opera等浏览器，IE请绕道～～当然，如果你有发现国内有好的类似设计...

(2011-11-07,[查看全文]

[组图] 快速让页面出彩的网页设计小技巧

工作中，网页设计师经常会遇见这些状况：时间这么短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长……突然觉得束手无策，脑袋里一片空白，没想法了，怎么办？来源：全球经典设计聚合网下面简浅的归纳了几个快速让页面出彩的小技巧：1.旋转法–将页面的主体或局部进行旋转我们一般的页面版式都是方方正正，四平八稳，有点呆板。如...

(2011-10-06,[查看全文]

单图片按钮实例教程

一般我们做按钮基本上都需要两张图片，一张正常状态的图片，一张按下去效果图片做这种按钮思路就是，设置链接a的背景为第一张图片，a:hover的背景为第二章图片代码如下：HTML代码：<aid="theLink"></a>CSS代码：#theLink{display:block;/*因为标签a是内链元素，所以利用这句话将内链元素转化成块状...

(2011-09-25,[查看全文]

去掉IE滚动条的方法

做了一个页面，与桌面分辨率一样大小，但是在IE全屏（F11）下却显示有滚动条，而火狐确没有。怎么样去掉IE滚动条呢？其实有一个属性就可以解决。　　　　方法1：直接在body里面加上属性scroll　　　　代码如：　　<bodyscroll="no">　　　　方法2：使用样式表overflow　　　　代码如：　　HTML{overflo...

(2011-09-24,[查看全文]

[组图] 帮你走进web标准设计的世界:web标准教程

一个网页的架构：声明，头部，主体，结束1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<htmlxmlns="http://www.w3.org/199...

(2011-09-24,[查看全文]

网页布局如何提高网页访问速度

div+CSS布局的时候怎样做到最精简的代码，以达到极限提升网站速度的目的。1、css样式尽量合并成一个外部文件，采用link方式导入到网页中来，可以减少不少内嵌在网页中的css代码。2、多用全局样式，比如网页中只有一个h1标签，那么直接在css文件中定义h1的样式，如h1{......}，而不要给h1标签加class或者id来定义样...

(2011-09-18,[查看全文]

IE&FF css hack集

IE&FF浏览器csshack集，不知道csshack的朋友可以看下建站学的【DIV+CSS入门教程】CSSHack一文。1.‘\9’:eg:.test{color/*\**/:blue\9}.header{width:300px;}/*所有浏览器*/.header{width/*\**/:330px\9;}/*所有浏览器IE...

(2011-09-13,[查看全文]

如何让IE6支持max-width&min-width样式

我们在写CSS的时候，常常会遇到让一个图片或一个布局不能超出设定一定宽度范围值,有时需要设置一个最小宽度，接下来由DIVCSS5为大家总结的解决IE6不支持max-width和不支持max-width的方法。以下为CSS宽度之IE6支持最小宽度、最大宽度解决技巧（你可能需要进一步详细了解CSSwidth知识）。IE6支持最大宽度，解决...

(2011-09-11,[查看全文]

[组图] Photoshop设计灰色的个人简历网页模板

先看看效果图1、选择菜单命令：文件-新建，新建一个1020*1460像素的空白RGB文档。2、设置前景色为#bcb49d，填充前景色，选择滤镜->纹理->颗粒。3、新建图层，命名为top，选择矩形选框工具，画一个矩形，颜色为#61544a。4、新建图层，命名为topshadow，选择钢笔工具创建黑色投影。5、应用滤镜->模糊->高斯模...

(2011-09-09,[查看全文]

用户体验工作的挑战,内容和实施

苹果凭借不断创新的用户体验重塑了世界上的多个行业；谷歌秉承“以用户为中心，其他一切水到渠成”的理念改变着人们的生活方式；新浪微博在用户体验上借鉴创新，成为炙手可热的产品；Instagram、Kik、Quora、Tumblr这些由只有几个到几十个员工的小企业开发出来的创新体验产品却能震动世界；甚至海底捞也向人们展示了关注用户体验可以为传...

(2011-09-09,[查看全文]

[图文] 如何制作纵横向滚动网站

现在我们能看到的网站各式各样、稀奇古怪，网站也不再局限于标准宽度，长度的设置。国外很多页面都使用了在一个页面里实现横向和纵向的页面跳转，其不为网页设计的新的领域。在本教程中，我们将创建一个使用jQuery简单平滑滚动效果。我们将创建一个水平和垂直网站的布局。我们将使用jQueryplugins，脚本代码只有区区几行，非常简单。View...

(2011-09-07,[查看全文]

[组图] WEB游戏界面的设计细节问题

本期特约：海外美术团队Lyson1.浏览器的差别跟用户分辨率差别是我们首先考虑的问题;2.游戏页面设计，需贴主题、游戏背景等主线关系;3.布局跟文案很重要;一、浏览器的差别跟用户分辨率差别是我们首先考虑的问题;首先在这里想要再次为新人提下，现在霸占互联网最小分辨率的还会是1024用户(特别是中国)，加之IE、FF主流浏览器的比例，由此...

(2011-09-03,[查看全文]

DIV+CSS代码优化全攻略

要点1：css代码优化作用与意义1、减少占用网页字节。在同等条件下缩短浏览器下载css代码时间，相当于加快网页打开速度2、便于维护。简化和标准化css代码让css代码减少，便于日后维护3、让自己写的css代码更加专业。要点2：css优化方法-需要优化css代码地方1、缩写css代码。2、排列css代码。3、同属性提取共用css选择器。...

(2011-09-02,[查看全文]

竖向收缩菜单的网页特效

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title...

(2011-09-01,[查看全文]

CSS技巧教程：更为简洁的清理浮动方式

清理浮动有很多种方式，像使用br标签自带的clear属，使用元素的overflow，使用空标签来设置clear:both等等。但考虑到兼容问题和语义化的问题，一般我们都会使用如下代码来清理浮动。/*清理浮动*/.clearfix:after{visibility:hidden;display:block;font-size:0;con...

(2011-09-01,[查看全文]

实现对文字自动排版的网页特效

<html><HEAD><TITLE>自动排版工具-www.jzue.com</TITLE><STYLEtype=text/css></STYLE><SCRIPTlanguage=JavaScripttype=text/JavaScript>fu...

(2011-08-31,[查看全文]

[组图] 用户体验与网页布局的关系

用户体验(UserExperience，简称UE)是用户在使用产品过程中建立起来的一种纯主观感受。在基于Web的产品设计中，UE是一个相对较新的概念。DonaldNorman博士提出了“用户体验”一词，他是一个认知科学的研究人员，首次提出了在互联网领域以用户为中心设计的重要性(用户的需求决定产品如何设计)。　　　　DonaldNorm...

(2011-08-31,[查看全文]

[图文] 前端解决方案：关于图片按比例自适应缩放

今天在看视觉规范的时候，大高走过来说帮他们那边看一个问题。又是一个关于自适应的问题。不过，我喜欢。瞄了一下，需求是这样的：用户上传照片，照片的尺寸未知；需要生成一个预览，这个预览图要根据提供给用户预览的区域自应用，并且居中；如果图片太大，需要按比例缩放。如下图。瞄了一下，居中可以用text-align:center;来实现。而按比例缩...

(2011-08-31,[查看全文]

[组图] CSS技巧教程：让不固定个数的子元素自适应居中

今天群里工友提了一个需求，让固定宽度的子元素，在不确定宽度的容器内水平居中（自适应）：UL宽度不固定；LI宽度固定，LI是一个块。看起来还挺简单的。但大家为什么一直讨论不断。奇怪，实现了一下。发现其实还是很简单的。还是没有超出原来的解决方案，即使用display:inline-block。实际要实现的效果应该是下面这个样子：而事实上，...

(2011-08-30,[查看全文]

介绍CSS关于SEO的小技巧

我们做的任何网站都是为了给所需要的客户看的，面对那么多同类型的网站，怎样才能让客户最先找到我们呢？我们这里简单CSS关于SEO的小技巧。对于任何一个网站来说名字是SEO的首选，而H1标签是搜索引擎认为页面上最重要的文字部门，所以我们要把网站的名字放在H1中；问题是代表网站名字的通常是一个LOGO图片，而图片对于SEO来说是不友好的。请...

(2011-08-30,[查看全文]

[图文] 50个制作网站的诀窍

一、内容　　1、让读者有理由逗留。要把网页作得趣味盎然，引人入胜。但首要的是要让它有用处。这样做的一个很简单的办法是提供相互参与——让读者做一些事情，如报名获取定期发送的通讯，并用某种方式报答他们的参与，如每周抽奖或给予下载一些东西的机会。　　2、对访问者来说最具价值的站点是那些立刻就能让人明白哪些信息可以获取，怎...

(2011-08-30,[查看全文]

[组图] 分析网站设计时图片的使用问题

我们这里分析一下网站设计时图片的使用问题。在文章开始时，我们先看看Google首页的图片：上面就是Google主页使用的图片，所有工具栏的图片都合并在一副图片里面了，其实，在写Css时，DIV的背景图片可以这样指定：background:url(Images/common.png)no-repeat-163px-31px;最后两个数值...

(2011-08-29,[查看全文]

简洁的网站模板的好处

简洁的网站模板总是受到很多人的亲睐，由其对于企业来说，没有太多复杂的元素装扮，更能凸显企业的大方气派。为什么浏览者都喜欢简洁的网站呢？简洁的网站模板设计优势是什么呢？　　一、简洁的网站模板设计让页面加载更快　　较小的文件加载速度会更快。简洁的网站模板设计一般发生较小的文件。如果你坚持代码的简单和精简，就不太可能去调用多个样式表，或者是...

(2011-08-29,[查看全文]

[组图] 电子商务网站导航用户体验比较

我们这里来体验几个电子商务网站的导航设计，比较一下他们之间的区别，这里特地找6个网站做横向对比四个综合性大站http://www.360buy.com/http://dangdang.com/http://www.suning.cn/http://shop.qq.com/两个垂直电商站点http://www.letao.com/htt...

(2011-08-29,[查看全文]

[图文] 网站用户反馈的分析方法

在分析“用户反馈”之前，要先明确分析“用户反馈”能做什么，不能做什么（如下图）。否则很容易让分析流于文字表面，或被用户五花八门的思路牵着鼻子走，不能命中产品问题的本质。通过对用户反馈的分析可以让我们做到三件事对很多从事产品工作的同事来说，“以用户为中心”是工作的重点，同时也是难点。用户的心思难以捉摸，用户研究的工作也似乎高深莫测。不过...

(2011-08-25,[查看全文]

[组图] 网页下拉框设计的用户体验分析

看似很小的一个改动，其实能反映出大问题。我在下拉框中放默认选中的工商银行，是因为信用卡还款的用户中工商银行占据了大半壁江山。这样大部分用户就能少操作一次，尽管这里会分散一点他的注意力，也许他会试着点一下下拉框，看看是不是有问题直接把工商银行放出来了。从事设计之后，我一直预防自己变成用户的“奴隶”。很不幸，现在的氛围却在把一些设计师变成...

(2011-08-25,[查看全文]

首页 1 2 3 4 5 6 7 8 9 10 下十页下一页尾页

站才网·中国站长人才教学基地

Web设计栏目导航