您的位置:编程知识库>网页设计

网页设计

  • 2014-12-10写给网页设计师的网页设计简史

      编者按:互联网的诞生本就是一个奇迹,作为其中最重要的载体之一,网页就是这个大时代最重要的缩影,相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计发展史,我们可以看到技术、设计与思想的演进,看到无数有识之士改变世界的...

  • 2012-11-07情境化——让活动页面击中用户

    背景: 市面上为大众所喜闻乐见的活动专题页面基本是:以漂亮精美有视觉张力的人物及卡通形象做视觉主体+有效衬托主题的场景元素做渲染背景,结合活动的主题、操作详情等等元素,达成体验上清晰便捷、视觉上有冲击力和感染力的页面,像这些:   问题: 这类的...

  • 2012-11-07网页设计中的手绘元素应用

    手绘元素通常是用在纸上的,但是它们被越来越多的用在网站设计上面,这些速写元素令网站极具个性并能为访问者提供有趣的体验。手绘风格的引入,对于互联网应用作品起到了一个积极的影响。不同的主题和绘画风格,使其表现形式具有原创性,给设计带来了多元化,人性化...

  • 2011-04-21JPG图片优化压缩

    当人们讨论图像优化时,他们只注意到一些流行软件提供的那几个仅有的参数调节工具,例如“质量”滑块,颜色数调板,抖动等。此外,少数专门的软件,如OptiPNG和JPEGtran,设法压缩一些多余的数据来优化图像。所有这些都是非常有名的工具,它们为网页开发者...

  • 2011-04-21PNG图片优化压缩

    原文地址:www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques 作者:Sergey Chikuyonok 引言 做为一名网页设计师你或许已经对png格式非常熟悉,它提供了完整的透明度,这是一种无损的,功能强大的图像格式。能够很好代替gif图像格式。但 是绝...

  • 2011-04-21photoshop消除锯齿

    有感于一些朋友的作品(尤其是页面软件界面设计这种对精度要求很高的地方)在细节方面总是受到锯齿的困扰,而拉低了整体档次。特根据自己的经验讲一讲常 见的毛刺问题。随笔写写,有些可能不是很完善很对~俺记性一向不好。另外像素风格图片、gif边缘锯齿不再这次讨论...

  • 2011-04-21banner广告条设计的经验分享

      banner广告又叫旗帜广告,在几乎所有的网站中都能见到,也是目前最常用的一种网站广告形式。不过对于banner的设计相关文章并不多,其实在这种横幅banner中设计的好坏对于广告效果的影响是很大的,本文将介绍几种总结出的banner设计经验 1,banner广告在网...

  • 2011-04-21网页设计规范

      一、为什么要写设计规范?设计规范是为谁服务的? 谈这个话题之前,我们先了解一下什么是设计规范?设计规范是指对设计的具体技术要求,是设计工作的规则. 一般包括总体目标的技术描述、功能的技术描述、技术指标的技术描述,以及限制条件的技术描述等. 那我...

  • 2011-03-14让网页设计有规律可循

        随着开放平台日益增多,衍生出来的各类应用服务也就呈不断增长的趋势。这些应用服务的站点设计也可谓是五彩斑斓,灿若繁星。 我们可以来找找这些网站的设计是否有规律可循。 通常一个网站,都会有许多目标需要完成,而像应用服务或程序类网站其最主要...

  • 2011-03-14与众不同的网页设计细节

    细节使得这个世界从平凡变得不平凡。 一辆豪华汽车与传统汽车拥有同样数量的车轮、座位、门窗,但是使得它在竞争中脱颖而出的却是花费在细节上的时间。加热真皮座椅,一按即启动引擎,无钥车门开关,自动泊车系统,丰富的数字电台等等使得它成为一辆昂贵的新型车。 ...

  • 2011-03-14网站导航设计模式指南

    在网页设计中有一些通用的交互设计模式。网站导航各种各样的通用和大家熟知的设计模式,可以用来作为为网站创建有效地信息架构的基础。这篇指南涵盖了流行的站点导航设计模式。对于每一种网站导航栏设计模式,我们将讨论它的一般特征,它的缺点,以及什么时候使用...

  • 2011-03-14复古风格纹理丝带设计教程

        新建图层 砂岩这一层应该是叠加,然后我把不透明度调到40     这个是做高光,用白颜色的笔刷,图层的图层模式应该是叠加,注意设置图层的不透明度。原始教程上面google翻译的不准确! 这个是做暗调,用黑颜色的笔刷,图层...

  • 2011-03-13圆滑的icon图标设计

      哈哈  上面是我比这着教程做的,下面的是翻译的英文教程,不是我翻译的,使用软件翻译的,大致上能看明白这个教程!   设立帆布与历史背景 Create a new document 800×600 pixels, you can use a bigger canvas if you wish to but for the ...

  • 2011-03-12栅格文字效果教程

      本效果非本人原创,原创者为一老外!!!只是和PS友友,刚好讨论到此效果,由于原版外国教程中,有些 地方说得不是太清楚,对于初学者而言,这些会影响效果的整体性.特此,写一中文教程,希望更多的友友成功!   外 国友人PS的效果   栅 格文字效果

  • 2011-03-12波尔卡点简明教程

      1.新建一个空白图层; 2.进入通道面板新建一个通道; 3.选中渐变工具,拉一个从黑到白的渐变; 4.选滤镜-像素化–彩色半调; 5.根据自己的需要设置参数–确定; 6.点击所有颜色的通道,就是在通道最上面的RGB那里点一下; 7.载入选区.(按住CTRL键的...

  • 2011-03-07photoshop制作3D物体立体倒影效果

      Photoshop立体物体倒影的制作方法。   最终效果   素材 将素材导入文档,如以上步骤复制好倒影图层,由于素材有一点的透视效果,因此不能直接利用渐变拖出 我们可以分步进行操作。首先以顶点为分界处,先框出右边的矩形选区 将中心点移至左上角...

  • 2010-12-28你需要知道的18个Web可用性原则

    你是 Web设计师或维护一个网站吗?好,因为这篇文章正是为你准备的。如果你正在设计一个生活相关或工作业务相关的网站,有18本小提示,你需要阅读并记住。 你可以有世界上最好的视觉设计能力,但如果你建立一个不允许访问者舒适地一页一页或一项一项访问的网站...

  • 2010-12-1850个背景及背景图片寻找及在线生成网站

    网页设计中背景是一个很重要的元素,今天分享给大家50个网站,主要是以收集或生成背景图片为主要服务目的,可以让你更快,更好的找到你需要的应用。 Kaleidoscope From Kaleidoscope website, we learn that a patterned background can be combined with some color...

  • 2010-12-10图片格式与设计那点事儿

    以下内容来自于淘宝UED 第一次写技术博客,有不尽如人意的地方,还请见谅和指正。 为什么想整理这方面的类容,我觉得就像油画家要了解他的颜料和画布、雕塑家要了解他的石材一样,作为网页设计师也应该对图片格式的特性有一定了解,这样才能更好的表达你的创意和想法...

  • 2010-12-06ie6,ie7,ie8 css bug兼容解决记录

    断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决 ,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1:li边距“无故”增加 任何事情都是有原因的,li边距也不...