精华内容
参与话题
问答
  • web设计心得

    千次阅读 2014-04-10 10:44:17
    1.关于css class的取名,样式表类一律使用:

    1.关于css class的取名,样式表文件一律使用:继承选择器,这样就能够很方便命名了,也不用担心重名造成的样式混乱问题。

    2.

    展开全文
  • web设计原则

    千次阅读 2007-11-21 11:58:00
    Web作为出版物的一种,同其他出版物如报纸,杂志等在设计上有许多共同之处,也要遵循一些设计的基本原则,不同之处在于每章提到的Web的“非所见即所得”特性和交互性。因此,熟悉一些设计的基本原则,再对Web的特殊...

    Web作为出版物的一种,同其他出版物如报纸,杂志等在设计上有许多共同之处,也要遵循一些设计的基本原则,不同之处在于每章提到的Web的“非所见即所得”特性和交互性。因此,熟悉一些设计的基本原则,再对Web的特殊性作一些考虑,便不难设计出美观大方的页面来。如果有美术设计基础,对Web页面的设计会很有帮助。如果不具备这方面的背景知识,那么下面的一些原则将会对有所帮助。

      设计的3C原则

      所谓3C原则是指简洁、一致性、好的对比度。Web页面设计需要遵循这三条原则。

      简洁

      设计并不再现具体的物象和特征,它要表达的是一定的意图和要求,在适当的环境里 为人们所理解和接受。它与绘图有内在联系,但又不同于绘画,它以满足人们的实用和需求为目标,因而它比绘画更单纯,清晰和精确。页面设计属于设计的一种,同样要求简练,准确。

      从人记忆能力角度来说,由于人的大脑一次最多可记忆五到七条信息,因此如果希望人们在看完你的Web后能留下印象,最好也应该用一个简单的关键词语或图像吸引他们的注意力,如天极网的的“YESKY”.,醒目易记。

      保持简洁的常用做法是使用一个醒目的标题,这个标题常常采用图形来表示,但图形同样要求简洁。另一种保持简洁的做法是限制所用的字体和颜色的数目。一般每页使用的字体不超过三种,一个页面中使用的颜色少于256种。页面上所有的元素都应当有明确的含义和用途,不要试图用无关的图片把页面装点起来,初学者容易犯的一个错误是把页面搞的花里呼哨,却不能让别人明白他到底要突出表达的是什么内容,主题和意念。

      一致性

      一致性是表现一个丫点的独特风格的重要手段之一。

      要保持一致性,可以从页面的排版下手,各个页面使用相同的页边距,文本,图形之间保持相同的间距;主要图形,标题或符号旁边留下相同的空白;如果在第一页的顶部放置了公司标志,那么在其他各页面都放上这一标志;如果使用图标导航,则各个页面应当使用相同的图标。

      一致性还包括:页面中的每个元素与整个页面以及站点的色彩和风格上的一致性。所有的图标都应当彩相同的设计风格,比如全部采用图象的线条剪辑画或全部使用写实的照片等。

      另一个保持一致性的办法是字体和颜色的使用。文字的颜色要同图像的颜色保持一致并注意色彩搭配的和谐。一个站点通常只使用一到两种标准色,为了保持颜色上的一致性,标准色一致或相近。比如,站点的主题色彩如果为红色,可能就需要将链接的色彩也改为红色。

      对比度

      使用对比是强调突出某些内容的最有效的办法之一。好的对比度使内容更易于辨认和接受。实现对比的方法很多,最常用的是使用颜色的对比,比如,内容提要和正文使用不同颜色的字体,内容提要使用蓝色,而正文采用黑色;也可以使用大的标题,也即是面积上的对比;还可以使用图像现对比,题头的图像明确的向浏览者传达本页的主题,这里同样需要注意的是链接的色彩,在设计页面时我们常常会只注意到未被访问的链接的色彩,而容易忽视访问过的链接色彩将使得链接的文字难地辨认。

      还有一种实现对比的方法是使用学体变化。在文字排版中,可以使用斜体和黑体实出关键内容,但是注意不要滥用,否则就达不到应有的强调效果。

      使用对比的关键是强调突出关键内容,以吸引浏览者,鼓励他去发掘更深层次的内容。

      为了对3C原则上有直观的认识,可以到————等优秀的站点上看看,体会一下这些站点对简洁,一致性和对度等原则的把握。

      页面设计要点

      WebWebWeb上的内容包罗万象,版式丰富多彩,但无论怎样的变化,好的Web站点总是有许多共同之处,例如:

      精心组织的内容;

      格式美观的正文;

      和谐的色彩搭配;

      较好的对比度,使得文字具有较强的可读性;

      生动背景图案;

      页面元素大小适中,布局匀称;

      不同元素之间留有足够空白,给人视觉上休息的机会;

      各元素之间保持平衡;

      文字准确无误,无错别字、无拼写错误;

      总的来说评价一个页面设计的好坏基本上要考虑以下几个方面的因素。

      组织内容

      设计Web页面时,所发布的材料必须经过精心组织,比如说按逻辑、按时间顺序或按地理位置等等进行组织,而且这种内容组织应当是易于理解的。

      材料组织好后,下一步就是在Web页面上布置文本、图片等内容,目的是引导浏览者在页内浏览。我们应该控制页面上的元素的放置顺序和它们相互之间的空隙。比如,可以把与一段文字相关的图形放在段落旁边或嵌入段落中,但不要把与段落无关的图形放在段落边上,以免引起浏览者的误解。把相关的内容放在一起,而不相关的内容用空白,水平线或其他图形分隔开,最好是浏览者看完一页之后可以选择继续读下去或通过链接跳到其他合适的主题上去。

      由于人们阅读材料习惯于从左到右,从上到下进行,因此他们眼睛首先看到的是页面的左上角,然后逐渐往下看。根据这一习惯。我们在组织内容时可以把希望浏览者最先看到的内容放在页面的左上角和页面顶部,如公司的标记,最新消息以及其他一些重要内容等等;然后按重要性递减的顺序,由上而下放轩其他一些内容。重要的内容应当是浏览者最容易发现,而不是放在很深 的链接之后的,页面上的广告为了达到宣传效果,通常也放在页面顶部显著位置。在段落中不宜放入过多的链接,否则会引起浏览者浏览上的混乱,最好的办法是按逻辑关系选择放置,而不是随便乱放。如果可能的话,应该把链接放在一些相关的说明性文字旁边。比如,在一列放置文本,在另一列放置链接。这样就可以提示浏览者去使用这些链接。

      设计时可用的一些元素

      在确定Web站点的基本组织结构之后,就可以着手设计页面了。下面是设计时可供使用的一些元素:

      文本格式化:Web本身对文本和字体的格式化能力并不强,在Web页面中,可以指定文本尺寸、排列和其他的一些格式化属性(序号列表和无序号列表),但建议不要改变这体而应当使用缺省字体,以确保页面的平以无关必画面为浏览器是用本地机器上的字体显示示页面内容的,你指定的字体在浏览者那里并不一定能够找到,如果确实有必要少量使用某种特殊字体,可以把这些字画在图片上,然后将图片插入到页面中;

      按钮、图标和其他导航工具,帮助浏览者在Web内导航。

      背景:给页面添加背景,包括纹理填充、水印式背景和长条状背景等等,可以使得页面更加美观,给浏览者留下深刻的映象;

      图形:可加入图片、图表和图形等;

      表格:用来显示按行和列组织的信息,比如产品价格表,客户名单等;

      颜色:包括图片的色彩、文本和背景的色彩等;

      多媒体元素:包括声音、动画、视频片断、背说音乐等。

      页面布局:在页面上放置文本、图形等元素,在元素间添加横线条,空白等,并用表格、杠架进行排版。

      在后面的章节我们将陆续介绍这些元素的使用。

      选择文本和背景的色彩

      色彩可以使页面更加生动。首先,使用色彩可以产生强烈的视觉效果,使你的页面在浏览者心中留下很深的映象;色彩还可以传递设计者的思想情感。但是必注意慎重的使用色彩,否则很可能弄巧成拙。滥用色彩容易造成视觉上的混乱。一般情况下不要过多的使用效果太强烈的色彩,对于大面积的文字来说,白底黑字或黑底白字总是最佳选择。

      通常还应该选择相近的色彩。多数的页面背景为白色、黑色或灰色,其他一些次要的元素,如背景图片、线条适宜采用不抢眼的色彩。在数量有限的情况下,只有少量精心选择的元素为了突出强调的需要,才彩用明亮的色彩。在数量有奶的情况下,这引起彩色亮点会产生强烈的视觉冲击,但如果用得太多了,就会形成一种均匀的噪声,而达不到强调的效果。

      在选择背景和正文颜色时,最重要的一点是注意易读性。实现易读性的关键在于提供足够的明暗对比。由于黑白之间有最强烈的对比度,因此大多数网页都采用黑底折字显示文本,但是,也不必拘泥于黑白两色实现对比,可以选择一对颜色,其中一个是亮的,一个量暗的,只要它们保持足够的对比度,比如说,灰底黑字也是很好的选择。

      大面积的适宜采用低对比度。因此,对于大的形状或粗体字最好采用低对比度的色彩组合。

      除了亮度上的对比之外,还要考虑颜色上的对比。互补色具有最强的颜色对比两种有较强的色彩对比度的颜色组合在一起时,很难区分它们的边界。颜色对比同样可以产生强烈的视觉效果。运用强的色彩对比,可以制造紧张,激动等感觉。但是,在文本和它的背景之间不宜采用太强的颜色对比,否则文字看起来会显示得模糊。特别是,文本切忌放在使用文字的互补色的背景上。

      在选择颜色时,还要注意冷暖色的部题。冷色调(蓝、绿)会产生收缩感,而暖色调(红、橙、黄)则有向前突出的感觉。深蓝色和深绿色适合作为背景色,而明亮的黄色适合于那些希望引起注意的黄色。事实上,只要我们平时稍加观察,就会发现许多商店的招牌,广告或其他商业图形展示都彩用深蓝色背景加黄色文字,标记的组合。这种组合非常醒目,最适合商业领域使用。黑色和黄色也是另一种常用的颜色组合。

      在Web面面上,大多采用明亮的背景色衬以深颜色的文字这样的一种颜色组合。

      除了色彩的对比、冷暖感觉之外,还需要考虑色彩带给人心理上的感觉。比如,冷的颜色使人平静,而暖色使人激动;强的色彩对比造成紧张感;暗的颜色给人以沉重感和压迫感。亮的颜色给人轻松、开放的感觉。我们可以根据所要表达的主题,选择合适的色彩。

      色彩除了带给人心理上的感觉之外,有些颜色实际上已经有了社会意义。比如,红色代表停止,绿色代表通行,灰色和深蓝色代表保守,稳重等。恰当运用色彩可以调动浏览者心理上的感受。比如,在许多饮食店中,采用汪蓝色,给人轻松愉快的感觉,这同样也适合于网页,在网页中使用颜色时,就要尽量使得色彩搭配与这些习俗相吻合。

      考虑到大多数人使用256色显示模式,因此一个页面显示的颜色不宜过多,连页面内的图像在内应当控制在256色以内。主题颜色通常只需要两到三种,并采用一种标准色。

      以下是使用色彩的一些建议:

      对多数网页特别是有大面积文字的网页来说,应采用白色或浅色的背景,如浅灰色、淡黄色、浅蓝色或浅绿色,文字采用黑色或深颜色;

      避免在浅色背景使用明亮颜色的文字,因为这样文字会很难辨认;

      深颜色背景上使用浅色的文字是一种很好的组合,但是如果不是特别需要,应留作那些需要引起浏览者特别注意的小块区域和场合,比如标题图形等;

      使用黑色背景许多时候显得太沉重,可以考虑使用深灰色、深蓝、粟色等;

      白色、浅灰色、浅蓝色、浅绿色、浅褐色很适合作为深色背景上的文字颜色;

      大的、粗体的文字比常规尺寸的文字更适合使用;交强的颜色,可考虑鲜红色,橙色,明亮的蓝色,但注意不要滥用。

    作为一个Web设计师,最重要的一点是要有创意,没有创意的网站是不成功的.    
       
      原则:  
      1.要考虑带宽的问题;  
      2.要考虑适应不同浏览器.不同分辨率的情况;  
      3.要注重色彩的搭配问题;  
      4.要让浏览者容易找到要找的东西,网页内容便于阅读;  
      5.站点内容要精.专.及时更新;  
      6.提供交互性  
      7.简单即为美    
       
      国际专页Web设计流程:  
       
      1.初始会商,主要是收集该站点的关键信息,包括站点的目标读者.要发布的内容.开发Web服务器平台;  
       
      2.概念开发,设计师根据收集的信息,开始构思,通常,设计师要把这些构思用草图的形式呈现给顾客,这个草图要有整个网站的结构,不同的布局.设计及导航;  
       
      3.内容综合,当决定了设计师的设计,设计师开始制作一些初始图样,这些图样用PHOTOSHOP那样的程序来创建,然后,设计师将图样打印出来配合文字;  
       
      4.HTML布局和导航,一旦客户同意了这些内容综合,设计师开始编制Web页面,导航器也被编制到页面中,使客户第一次真正体验一下;  
       
      5.图形制作,如果客户同意了站点的外观和感受,设计师将大量制作所需的图形,并进行优化;  
       
      6.内容流程,客户的书面材料利用各种网页技术(CSS、JAVA、FLASH),有机的和相关的图形整合在一起;  
       
      7.测试,在站点被提交给客户之前,设计师要彻底测试每个Web页面和联结,利用清单,进行修补;  
       
      8.交付,一旦签收,客户要经常进行他们的测试,找出排版和内容方面的错误,做完了这些次要的修正后,正式启用站点.  
       
      这套完整的计划可以用1-12个月来完成,平均完成时间为4个月.当站点启用后,要进行跟踪调查,以确定人们如何使用站点。经过6-12个月的运行之后,重新收集数据,开始重新设计,然后这个Web设计过程再开始一遍. 
     

    展开全文
  • 移动设备越来越趋于... Ethan Marcotte在2010年提出响应式WEB设计的概念,简洁、响应式WEB设计是一种与设备无关的内容呈现方式,能在桌面、移动设备以及宽屏设备上有同样好的表现。本文先是简单的描述了响应式WEB设


    移动设备越来越趋于互联网使用的中心,

    笔记本、智能手机、上网本、iPad、电子书等各式各样的设备,尺寸/分辨率不尽相同。

    这为网页设计带来了新的挑战,也带来新的机遇,有可能“一次编写,随处呈现”吗?

     

    Ethan Marcotte在2010年提出响应式WEB设计的概念,

    简洁、响应式WEB设计是一种与设备无关的内容呈现方式,能在桌面、移动设备以及宽屏设备上有同样好的表现。
    本文先是简单的描述了响应式WEB设计在前端设计栈中的位置,然后描述了其构成。

    为什么响应式WEB设计很重要?


    如今,我们通过各式各样的方式访问内容:台式机浏览器,传统手机,智能手机,电视,游戏平台,RSS订阅,本地应用程序。
    我们可以想象以后的设备的尺寸和分辨率将会更加五花八门。而且人并非唯一获取信息的对象。 网络爬虫以及WEB服务也在访问内容,建立索引,进行聚合等。
    迅速增长的互联网设备使得开发相关的网页和应用程序变得相当困难。响应式WEB设计就是为了有效的解决这个问题而提出的。
    它主张这样的一个实现:不依赖于对设备类型的了解,不特别针对设备进行优化,不像APP那样特定于某个设备。
    响应式WEB设计能够自适应设备,使得跨设备内容访问比任何一个单独的组织的特定实现都更通用,它甚至可以覆盖到将要推出的设备。

    响应式WEB设计是Drupal 8的一个核心理念,这不单单是一种技术,也不单单针对移动设备,

    它是一种新的WEB设计和开发模式,如10几年前的CSS带来的内容和样式分离一样意味深远。

     

    前端设计栈


    让我们先感受一下响应式WEB设计在实际中是什么样子的,
    http://www.techbrood.com/

    http://sasquatchfestival.com/

    网站提供了这样的一个例子,既可以在大尺寸上表现良好,也可以在小尺寸上表现良好。
    您不需要各种尺寸的设备,只要观察一下在调整浏览器窗口大小时,该网站的显示效果,
    *)图片、字体是如何自适应调整的
    *)布局是如何从多列变成一列的
    *)导航栏是如何从8个变成4个的
    注意布局在变化中是如何逐步调整的。

    网站并不了解设备浏览器agent信息,因此在处理页面请求时并未对数据和类型做特殊处理,
    每个agent得到的是同样的基本页面-而显示或多或少是艺术裁剪的效果。
    唯一的例外是在CSS中引用的背景图片,被定制成目标设备大小。

    响应式WEB设计是数据的基础呈现,在一个依照目标定制程度来衡量的设计栈中,它仅处于原始网页的上面。


    响应式WEB设计只是原始文档某种程度上的样式化,因此结构良好的文档是任何自适应设计的基础。

    在响应式设计之上,我们开始关注代理,针对小屏幕用户设备进行页面内容优化,以达到更好的终端用户体验。
    为了优化内容,服务器必须知道请求代理是一个小屏幕设备而且业务逻辑层需要针对检测到的具体的设备信息来呈现简化或优化的内容。
    有一些服务如 mobify.me 就是针对这一栈层的。

    在某些情况下,设计必须针对某种或一系列设备做出优化。
    一个有效的方法是直接利用终端浏览器所提供的特性,
    比如苹果Safari,它定义了很多基于webkit引擎的CSS属性。
    另外一种方法是通过某些服务把响应式WEB设计包装到基于本地设备的设计中,比如PhoneGap
    第三种方法是直接按照目标设备的特性编写特定的代码,比如iPhone的webkit-min-device-pixel-ratio属性,但第三种方法局限于某种特定的设备。

    前端设计栈的最上层是和网页设计基本无关的APP,APP网络交互少,而最大程度利用单机功能进行优化。

    一个好的技术策略是,把响应式WEB设计作为网站一般数据访问的首要实现,在时间和预算允许的情况下,再考虑把设备优化和本地应用考虑进来。

    -iefreer-

    展开全文
  • Web 设计与开发终极资源大全

    千次阅读 2012-06-23 11:04:57
    Web 技术突飞猛进,Web 设计与开发者们可以选择的工具越来越多,Web 开发者的技巧不再只限于 HTML 和 服务器端编程,还需要精通各种第三方资源,这些第三方资源有时候比你的项目更复杂,更专业,你无法自己实现一切...

    Web 技术突飞猛进,Web 设计与开发者们可以选择的工具越来越多,Web 开发者的技巧不再只限于 HTML 和 服务器端编程,还需要精通各种第三方资源,这些第三方资源有时候比你的项目更复杂,更专业,你无法自己实现一切,借助一些 Web API,你可以很方便地将大量优秀的第三方资源集成到自己的站点。本文全面搜集 Web 开发中可能用到的各种第三方资源。

    1. 函数与类库

    A. CAPTCHA

    CAPTCHA 用来防止恶意表单发布,以下 CAPTCHA 系统可以轻松集成到你的程序中:

    reCAPTCHA

    这是目前最流行的 CAPTCHA 机制,该机制同时是一个古籍数字化工程的一部分,用户在验证的同时,也帮助辨认一些不够清晰的估计扫描。reCAPTCHA 还有一个 Perl 模块 实现该功能。

    clip_image001

    Securimage

    这个一个免费的,开源 PHP CAPTCHA 脚本。

    clip_image002

    freeCap

    基于 GPL 协议的 CAPTCHA 脚本

    HN CAPTCHA

    PHP CAPTCHA 脚本,基于 LGPL 协议

    B. 日期处理

    日期操作并不轻松,尽管 PHP 和 Perl 内置了大量此类函数,但未必满足你的需要,以下是几个很好用的日期函数:

    C. 图形处理

    图片缩放,添加水印等:

    D. 表单验证

    表单验证不仅保证用户填写的准确,还可以防止攻击:

    E. 密码验证

    验证密码的复杂度

    clip_image003

    2. Ajax 与 JavaScript

    A. 自动输入建议

    最早最成熟的自动输入建议应该是 Google 搜索条。

    clip_image004

    clip_image005

    B. 日历

    在输入日期的地方,使用非常直观的日历面板

    clip_image006

    clip_image007

    C. 滑动条

    滑动条可以更直观地进行数值的输入和选择

    clip_image008

    clip_image009

    D. 表格

    Ajax 表格,支持排序等功能

    • Grid3
      作为 Ext JS 库一部分的表格控件

    clip_image010

    clip_image011

    E. 可拖动内容

    Ajax-based draggable content features can be very useful when used appropriately. Such tools enable users to reorganize a page to suit their needs, and can also serve as a basis for an interactive feature like a shopping basket.

    clip_image012

    clip_image013

    F. 图片放大

    类似 JavaScript 灯箱的图片放大显示控件

    clip_image014

    clip_image015

    G. 相册和幻灯

    用相册或幻灯方式显示系列图片

    clip_image016

    clip_image017

    H. 打分工具

    非常直观的打分控件

    • Starbox
      基于 Prototype JavaScript 框架

    clip_image018

    clip_image019

    I. 取色板

    用于取色

    clip_image020

    clip_image021

    J. 进度条

    clip_image022

    clip_image023

    3. APIs

    以下 API 可以将很多现成的功能集成到你的站点:

    4. IP 定位

    用户来自什么地方。

    clip_image001

    • IP Details
      一个 PHP 类库,根据 IP 地址获取用户地理位置
    • GEO-IP
      IP 到国家对应数据库

    5. 图表

    clip_image002

    clip_image003

    6. 地图

    • amMap
      交互式地图工具,支持下钻式挖掘

    clip_image004

    clip_image004[1]

    7. 音频播放器

    clip_image005

    clip_image006

    8. 视频播放器

    • OS FLV
      开源 Flash 视频播放器

    clip_image007

    clip_image008

    9. 视频转换

    10. 所见即所得编辑器

    • TinyMCE
      一个轻量的,基于 JavaScript 的所见即所得编辑器

    clip_image009

    • XINHA
      功能完整的开源 WYSIWYG 编辑器

    clip_image010

    • NicEdit
      一个简单的轻量级 WYSIWYG 编辑器
    • openWYSIWYG
      开源,跨浏览器 WYSIWYG 编辑器
    • CKEditor
      设计出众,功能丰富的 WYSIWYG 编辑器

    本文国际来源:100 Essential Web Development Tools

     

    展开全文
  • 这是 Mashable 搜集的 130 个 Web 设计工具,涵盖了从初学者到高级 Web 设计人员需要的各种工具和资源。这是第一部分。同时请参阅 Web 开发工具箱:120个 Web 开发工具的第一,第二部分。初学者资源 YAML Builder - ...
  •  响应式Web设计不是我首创的概念,早就有了,我这里只不过把自己最近这段时间关于这方面的研究做了一个总结。  至于这篇文章能给你带来多大的益处我保证不了,但是只从读完这篇文章之后你至少能明白以下几点: ...
  • Web设计师的五个排版工具

    千次阅读 2013-01-15 09:13:20
    Web设计师的五个排版工具作者:chszs,转载需注明。博客主页:http://blog.csdn.net/chszs排版是Web设计的一个重要方面,用户界面和用户体验设计是开发网站的挑战性工作之一。本文探讨一些排版工具。1. ...
  • 2013年Web设计的三大趋势

    千次阅读 2012-11-24 23:51:56
    《2013年Web设计的三大趋势》作者:chszs,转载需注明。作者博客主页:http://blog.csdn.net/chszs趋势1:响应式设计响应式Web设计是今年国外最流行的词语之一。根源在于智能设备的发展及普及,平板电脑的销量逐步...
  • 响应式WEB设计 - 基本技术要素

    千次阅读 2011-05-23 23:19:00
    响应式WEB设计模式基于“移动第一”的原则而提出。主要使用如下基本技术要素:viewport meta标签, 可以在浏览器中禁止zoom排版,根据设备大小自动剪裁,包括字体大小和垂直空间布局大屏幕设备采用grid布局,小屏幕...
  • web设计尺寸规范

    万次阅读 2016-09-12 21:33:44
    网页设计标准尺寸: 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条...
  • 关于activiti6web设计

    2017-09-29 07:40:43
    activiti6的web设计器会保存到ACT_DE_MODEL怎么转换到ACT_RE_MODEL呢???
  • web设计流程图

    千次阅读 2006-11-23 10:19:00
    web设计流程图作者:张小鱼 文章来源: http://www.lougoo.com/blogtrackback.asp?tbID=518 上传日期:2006-08-23
  • 表单中设计,form中action为loginaction,同时,在提交按钮中定义action为login,struts.xml中设计,*" class=“loginAction” method={1}>,而在loginAction中只设计了login()方法。 现在我进行登录操作,正常。...
  • Web设计大全》读书笔记之一

    千次阅读 2010-10-29 08:39:00
    搞搞Web开发,也不少道道啊
  • 顶尖CSS Web设计师Andy Clarke访谈

    万次阅读 多人点赞 2013-01-09 08:35:05
    简单介绍IOTBS之后,现在介绍其中一个设计师Andy Clarke,他是Stuff and Nonsense创意总监。...创意设计人员占开发团队的一半,他们在Web站点引入如此独特的样式切换方案。Andy欣然接受我们的采访,
  • web设计器--设计流程图(raphael)(一)

    万次阅读 热门讨论 2015-01-06 16:40:18
    案例是采用raphael的js文件进行画图,适用web设计,可以下载案例,里边是一些html的案例,下载后自己研究一下数据格式引入到自己的项目里。 Demo下载地址:http://download.csdn.net/detail/lilinoscar/8332927 ...
  • 安装Signavio Web设计

    千次阅读 热门讨论 2014-05-04 17:34:42
    在Jbpm3版本中,这个著名的开源项目并没有基于浏览器的图形化流程设计器,结果导致流程设计一直停留在CS阶段。 比如我之前做过的一个OA项目,项目中采用的就是Jbpm3,由于它不支持在浏览器中的图形化流程设计器,...
  • 研究jBPM已有一段时间了,今天终于决定拿点东西出来,但请大家原谅不能分享源码。之所以拿出来,希望通过... 大多研究JBPM的,对其引擎的扩展开发都不曾苦恼,但提及其可视化设计工具都希望能有一款WEB设计器。 
  • 响应式web设计体会

    千次阅读 2014-01-14 21:38:46
    响应式web设计这里要推荐一本书《响应式Web设计:HTML5和CSS3实战》,书里对响应式web设计有比较详细的说明。 响应式web设计的目的:可以使web页面能自动的对设备尺寸进行适配。 响应式web设计的主要方法:使用css的...
  • 单页Web设计优秀案例

    千次阅读 2013-02-28 16:19:48
    单页网站设计正快速成为Web应用开发标准...单页Web设计网页因其超强的视觉效果、独特的外观备受用户关注。单页Web设计同样适用于移动版网页,拜移动大潮所赐,越来越多用户倾向于用手机观看网页。 单页面应用是指用
  • web设计器--设计流程图(raphael)(二)

    万次阅读 热门讨论 2016-08-16 09:59:22
    这里介绍一下如何新增删除按钮: 如上图:右侧属性表格中有个“”删除“”按钮,可以进行删除节点。 解决方法: 1.打开myflow.js文件,该文件被压缩了,你需要格式化一下js,可以通过网上“格式化js”进行格式...
  • 本文讲述了12个实现干净 Web 设计代码的定律,适合于任何从事 Web 设计的人。 1. Strict DOCTYPE 要做就做对的。不管是 HTML 4.01 还是 XHTML 1.0,它们都提供 Strict 模式,使用 Strict 模式可以保证我们的代码
  • HTML5被看做是Web开发者创建流行Web应用的利器,增加了对视频和Canvas 2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silverlight,HTML5为实现这些插件的功能提供了一...
  • Web设计师必须掌握的六大设计策略

    千次阅读 2013-06-27 12:53:00
    摘要:对于Web设计师而言,除了具备一定的设计功底外,还要需要了解当前的设计潮流以及新技术。本文总结了6个简单的设计策略,设计师只需遵循这六大策略,即会让你的网站变得易用、吸引人和走在时代的最前端。 ...
  • 后移动时代的 Web 设计

    万次阅读 热门讨论 2010-07-07 18:41:00
    还记得 Wap 吗,现在还有多少人使用 Wap?后移动时代,随着浏览器技术...作为 Web 设计师,如果你能遵循一些基本的设计与布局原则,你的站点将能被多数移动设备更轻松地访问。本文讲述的是后移动时代的 Web 设计原则。
  • 设计抄袭是一个经典的话题,毕加索说过,好的艺术家复制,伟大的艺术家剽窃,Web 或 UI 设计这种会随着时间改变的东西,抄袭更是不在话下,国内就不必说了,这种事,微软都不能免俗。最近,Mozilla 被指在一款产品的...
  • 响应式Web设计资源整理

    千次阅读 2012-03-02 22:45:09
    这篇文章是对以往发表在Smashing Magazine上关于响应式Web设计的文章的集合,所选出的文章都是最有用最受大家欢迎的,下面就请大家来看看吧。 概览 响应式Web设计的概念及用法 如何应对Media Queries不受支持的...
  • Web 设计中的苹果风

    千次阅读 2010-03-22 15:01:00
    浅淡的配色,大面积留白,清晰统一的导航,雅致的图标,还有,拒绝使用 Flash,本文分析了 Web 设计中苹果风的构成元素,并提供了大量苹果风 Web 设计案例供大家欣赏。苹果风构成元素浅色系与微妙的渐变色留白,留白...
  • 获取 Web 设计的免费资源

    万次阅读 2006-08-02 10:48:00
    Uche Ogbuji (uche@ogbuji.net), 首席顾问, Fourthougth, Inc.2006 年 7 月 31 日拥有大量预算作为后盾的 Web 设计人员可以获得任何所需的资源,从而可以把他们的想像力付诸于 Web 体验。他们可以聘请专业摄像师来...
  • Web 设计中的拉洋片效果

    千次阅读 2009-03-10 11:30:00
    幻灯效果是 Web设计中的新风潮,新的白宫网站也未能免俗,幻灯效果(拉洋片)特别适合在站点的首要位置展示一些核心的,展示性的内容。最早的幻灯效果多基于Flash,随着 JavaScript 在 Web 设计师与开发者眼中地位的...

空空如也

1 2 3 4 5 ... 20
收藏数 93,096
精华内容 37,238
关键字:

web设计