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

网页设计

  • 写给网页设计师的网页设计简史

    栏目:设计 点击:673次 时间:2014-12-10

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

  • 情境化——让活动页面击中用户

    栏目:设计 点击:404次 时间:2012-11-07

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

  • 网页设计中的手绘元素应用

    栏目:设计 点击:338次 时间:2012-11-07

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

  • JPG图片优化压缩

    栏目:设计 点击:4,075次 时间:2011-04-21

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

  • PNG图片优化压缩

    栏目:设计 点击:10,616次 时间:2011-04-21

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

  • photoshop消除锯齿

    栏目:设计 点击:8,025次 时间:2011-04-21

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

  • 栏目:体验 点击:1,411次 时间:2011-04-21

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

  • 栏目:经验 点击:2,600次 时间:2011-04-21

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

  • 让网页设计有规律可循

    栏目:设计 点击:1,340次 时间:2011-03-14

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

  • 与众不同的网页设计细节

    栏目:设计 点击:1,181次 时间:2011-03-14

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

  • 网站导航设计模式指南

    栏目:设计 点击:1,268次 时间:2011-03-14

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

  • 复古风格纹理丝带设计教程

    栏目:设计 点击:994次 时间:2011-03-14

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

  • 圆滑的icon图标设计

    栏目:设计 点击:1,832次 时间:2011-03-13

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

  • 栅格文字效果教程

    栏目:设计 点击:1,366次 时间:2011-03-12

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

  • 波尔卡点简明教程

    栏目:设计 点击:1,082次 时间:2011-03-12

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

  • photoshop制作3D物体立体倒影效果

    栏目:设计 点击:5,416次 时间:2011-03-07

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

  • 你需要知道的18个Web可用性原则

    栏目:体验 点击:1,493次 时间:2010-12-28

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

  • 50个背景及背景图片寻找及在线生成网站

    栏目:资源 点击:8,507次 时间:2010-12-18

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

  • 图片格式与设计那点事儿

    栏目:设计 点击:1,883次 时间:2010-12-10

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

  • 栏目:前端 点击:37,443次 时间:2010-12-06

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