首页 > 编程技术 > html

技巧:查网站Logo的最好方法

发布时间:2016-9-20 19:05

  做网站时经常要用到其他网站的Logo,一个一个从其他网站上copy即费时间,而且下载下来的图片通常都要进行二次加工,很不方便。今天无意中找到一种更好的查Logo的方法:

  用Google的图象搜索(images.google.com),在搜索框中输入“logo-网站名称”(如logo-sohu),返回的都是现成的logo,而且大小各异,下面还有图象分辨率,实在是“众里寻他千‘百度’”,得来全不费工夫“,喜欢哪个,您就自己随便挑吧。

  另外还可通过“logo_sohu"、”logo(空格)sohu"、"logo.sohu"查,不过好象最准确的还是中间带横杠的。



  现在像微软这样的业界领袖从来没有非常正式的单独提及过Web 2.0这个概念,显然他们同样下定决心指望在Web2.0上有所收获,相比上个星期我们这周就像身处在一个不同的世界里。

  如果你还不确定,就请阅读Tim O’Reilly那篇精彩的文章“Live Software blog entry”,它分析了微软在Web2.0上的一系列动作。微软所讲述都是关于RSS、Ajax、社会网络、作为平台的Internet、作为服务的软件等等。现在他们已经发布了早期版本,在这些比较正式的发布版本里面,真正可以看到的只有live.com和 microsoftgadgets.com,但显然还有些势单力薄。

  好了,现在那些强大的业界玩家真正把Web2.0的游戏放在了心上,我们需要反省一下,理顺一下思绪。在这个紧要关头,我提出一些列依旧抑制Web2.0发展的事儿,如果匿名发表,可能从根本上置Web2.0于死胡同,成为我们软件发展中停滞不前的落后者。

  不可否认的,这些都是我的主观臆断。您可以自由地添加自己的想法或告诉我哪里错了,无须拘谨 ……

  过度推崇:

  除了人们极力宣称Web2.0是解决软件中任何问题的方案,没有什么会伤害到Web2.0。它肯定不是解决方案,如果说成解决方案就扼杀了Web2.0的可信性。我们在对象技术中听到过,我们在组件中听到过,就像人们当年谈起.com时一样,在过去的20年中还听到过太多其他的银弹(“没有银弹”的意思是说没有软件工程本身就是复杂的,没有一劳永逸的、万能的解决方案)。没人相信有制作软件的万能药,Web2.0仅仅是关于如何设计和构建基于Web软件的有力思考方法。

  缺少简单的定义:

  很高兴看到一些可视化工具成为绝妙的知识工具,在里面添加一些组织内容的留言列表会更好,如果可以的话就让我们在今年年底定义好Web2.0。确实,Web2.0是包涵很多有趣、变化因素的大主题。假如把精通Web2.0的所有组织聚集在一起,让他们来给Web2.0下个定义,你会得到完全不同的答案。

  让匆忙进入Web2.0的孩子们成熟起来:

  Flickr和del.icio.us是Web2.0 新生代的绝佳例子。但是它们真的令整个世界疯狂吗?如果它们不在了,有人会为它们而死么?。但我的观点是,在Web时代有些站点虽然过了鼎盛时期,但这样很好,它们作为我们生活的中心无处不在,就像提起Google都已经7岁了。每天都有大量Web2.0站点的新生代诞生,我甚至不能对众多的社会书签网站保持跟踪。而且某些不错的Web2.0应用涌现在有趣、前景无限的垂直市场。如果这真的发生了,让我们期待比Microsoft Office Live(译者注:中小企业在线发布及管理系统)更好的应用出现。

  需要永久的连接:

  一些人使用内置无线上网功能的笔记本电脑,也许仅有0.0001%的网民会这样上网。Web2.0应用程序,甚至本机的iTunes和BitTorrent都需要快速、稳定的连接,它们才能工作。除非全面的进步,否则就像微软现在给Web2.0的定性:它只是我们如何工作的扩展而已,并不是在任何地方我们都能真正使用的。

  把Ajax作为Web 2.0的官方体验:

  Ajax 现在得到很多推崇,但是非常坦白地说,人们对它期待得越多它就会变得越糟糕。Ajax有一些非常受局限的地方。不要误解我,我喜欢把 Ajax作为某些问题的正确解决方案。但是试图在每个解决方案中像锤子一样使用它将会带来很多困难。本地的数据存储和同步可以恰当地解决,对于多Web服务器的安全问题就需要另寻办法,而且像canvas标签就完全不在Ajax的范畴之内。这些都可以在浏览器层面得到恰当的解决。Flash也可以是某种解决方案,这一点就连 Yahoo! 都默许了。但是我还是认为我们需要通过调整Web浏览器的模块来解决这些问题,而不是改造某些东西来改善Ajax。

  过度地注重技术:

  我们技术人员总是太关注技术层面的东西。不管它是Web2.0、RSS、Web服务、Ajax、DHTML、SOA还是其他的什么。人们试图从技术那里获得价值来解决他们的问题,他们不关心后台是如何实现的。我喜欢Web2.0的其中之一就是:它以人为中心。这正是我们技术人员应该被告知的。在 Web2.0中,技术是局外人,背后的交流、协作、集体智慧和人们之间的社会互动才是Web2.0花大力气关注的,而不是技术部分。如果我们忘记这个准则,我们将把Web2.0迷失在应用软件的销售和技术堆栈中,这些都是在现实生活中人们从来不关注的东西。

  糟糕的拥护者:

  网页中的平衡、对比、连贯和留白

  网页设计中需要把握好很多原则和细节,今天我们来谈谈网页设计中的平衡、对比、连贯和留白。

  一、平衡

  如果你的页面是平衡的,当用户浏览这个页面的时候就会感觉它们是一个整体,看得时候目光的跳转也会很自然。同时,构成页面的元素仍然是彼此独立(注意不是孤立)的,你不需要用线用颜色将它们直接地串接起来,这是为什么呢?因为它们彼此之间是平衡的。这就好比跷跷板,即便你看不到连接两端的人的木板,你也能感觉到他们是一个整体,因为“平衡”!

  1、对称平衡

  对称是最常见、最自然的平衡手段,这种方式通常用来设计比较正式的页面,不过也还需要和下面介绍的多种方式结合起来使用。比如图 1所示的网站,如果你在页面正中间划一条垂直向下的直线,你会发现页面的两边的布局是基本对称。

  2、非对称平衡

  非对称其实并不是真正的“不对称”,而是一种层次更高的“对称”,如果把握不好页面就会显得乱,因此使用起来要慎重,更不可用的过滥。比如这个网站http://www.graphic.com.cn(图 2)就打破了常见的对称。但是如果仔细看的话还是能够感到某种“对称”的影子。

  3、辐射平衡

  页面中的元素以某一个点为中心展开就可以构成辐射平衡。比如图3就是典型的例子,页面的正中是一个大大的LOGO,外侧环绕着多个链接 。

  4、实战平衡

  下面我们通过一个LOGO设计实例来看一看平衡的多种变化。

  二、对比

  如果说平衡搭起了一个稳定的页面框架,那么对比就是这个框架中的动态点缀。这里说动态并不是说要真的让元素动起来,而是要有“变化”。可以变化的因素包括:大小、颜色、字体、重心、形状、纹理等等。 我们还是通过简单的例子来介绍一下对比的应用,图 9是我们设计的底版,字体一样、大小一样、颜色一样,单调枯燥。

  三、连贯

  前面谈到了对比,对比离不开变化,然而如果对比太多,变化也会太多,页面就会显得零乱,因此我们现在来谈“连贯”。在一个成功的页面设计中,有很多要素是必须保持一致的,这些要素通常包括:

  1、布局

  页面的上下、左右,页面与页面中间要保持布局一致。比如如果页面上方的表格居中对齐而页面下方的表格却左对齐,那么整个页面就会很难看。

  2、字体

  字体的大小、颜色应当基本保持一致。

  3、导航栏

  导航栏应当保持完全一样,通常应单单独为导航栏建立一个框架页,这样就可以保证更新导航栏的时候,所有网页都会被自动更新。

  四、留白

  国画中“画鱼不画水”的妙处就是留白的妙处。留白可以让访问者有更大的想象空间,就好像就如一个没有过多摆设的房间一样。上上下下、里里外外都塞得满满当当就是很糟糕的设计。

  留白的原则包括:

  1、元素之间的留白不能太大 这是基本的原则,留白过多,叶面会变得零碎。

  2、文本中间的间隔不能太大 文本应当紧凑,尤其汉字文本,如果字与字之间或者行与行之间空白太大页面就会非常难看。

  总的来说平衡、对比、连贯和留白设四条原则是在网页设计中必须始终牢记,但绝不是教条,应当结合自己的实际需要灵活的应用。




    分辨率,什么是分辨率,网页分辨率设置

     大家一定在设计网面时,苦恼过不同分辨率下显示的问题,不论你喜欢打表格,还是运用图层,或者利用框架以及帧『内联帧』,当你在800×600下完成创作,1024×768下就会错位,或出现左对齐

     1.如果你喜欢打表格,解决的办法就很简单了,只要把最外边的<table>水平居中即可;如果你处理不好单元格,就把最外边的<table>的width设成"768"[针对800×600而言];这样你的网页在800×600满屏,1024×768就水平局中了,如果想1024×768下也满屏,你只要把最外边的<table>的width设成"100%"。

     说明:层,其实你可以把他看做是绝对定位标记区域,标记为<div></div>

     2.如果你喜欢运用图层,【我很喜欢,而且极爱】,居中问题就是一个大问题 

     图层的好处就是想怎么放就怎么放,比表格灵活的多,再者众多的动态页面技术javascript的运用都涉及到了层的概念,页面中表格与层的混合运用,在很多知名网站都可见其踪影因为是绝对定位的,【相对于浏览窗口0.0坐标】所以由于客户端分辨率的设置不同,显示时就会出现错位问题。

     我的方法是:利用子层与父层的关系解决,具体细节请看下面的代码:

<html>
<head>
<title>New Page 1</title>
</head>
<body>
<div ID="blockdiv" style="position: absolute; top: 0; left: 0; width: 780; height: 26">
<table border="0" width="100%" bgcolor="#00FF00" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="13">
<div style="position: absolute; left: 100; top: 75; width: 54; height: 23">
aaaa
</div>
<div style="position: absolute; left: 172; top: 178; width: 54; height: 23">
bbbb
</div>
</td>
</tr>
</table>
</div>

<script language="javascript">
<!--
var a
ie4=(document.all)?true:false
if(ie4) block=blockdiv.style
a=screen.width
if (a=="1024")
{
alert(block.left);
block.left=112;
}

if (a=="800")

{ alert(block.left);
block.left=0;
}
-->
</script>
</body>
</html>




<      作为一名希望成为服务器端软件的开发人员,总是想在需求中找到业务规则,根据设计方法把业务规则组合起来,配置好一些底层的结构,然后在该基础上来实现设计的框架,最后完成整个服务的功能。而服务器的软件与浏览器之间交互是服务器软件的窗口,因此前台网页的美观和实用在一定程度上反映服务器软件的功能特性。

     前台网页的实用不仅对于服务器端软件的开发重要,而且对于用户的可操作的流畅性和易用性也很重要。首先前台的网页的实用对于服务器软件而言:就是它们之间的交互参数。服务器后台软件将依照参数来设定相关的接口。只有把这些参数有业务逻辑的形式组合起来,才能避免功能的分化,甚至是凌乱;才能使服务器软件的按功能模块来实现,而不是表面看有很多功能,其实由大量功能之间的冗余。这样对于用户在功能上的请求也方便多了,从而达到了实用的效果。

    前台网页的美观对于用户来说是很重要的,爱美之心人皆有之,好的网页能起到赏心悦目的作用。并不是要在网页用大量的色彩,也不需要大量的javascript,而是应该根据网页的性质选定一种网页的风格,然后添加适当有特色的动态功能。同时要考虑到用户的显示器,浏览器等,争取使网页具有通用性!

    以上是我个人从服务器软件开发角度谈网页的实用和美观的自我总结,希望对页面开发人员有所帮助。




标签:[!--infotagslink--]