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

 更新时间:2016年9月20日 19:05  点击:1808

  做网站时经常要用到其他网站的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--]

相关文章

  • php 中file_get_contents超时问题的解决方法

    file_get_contents超时我知道最多的原因就是你机器访问远程机器过慢,导致php脚本超时了,但也有其它很多原因,下面我来总结file_get_contents超时问题的解决方法总结。...2016-11-25
  • php抓取网站图片并保存的实现方法

    php如何实现抓取网页图片,相较于手动的粘贴复制,使用小程序要方便快捷多了,喜欢编程的人总会喜欢制作一些简单有用的小软件,最近就参考了网上一个php抓取图片代码,封装了一个php远程抓取图片的类,测试了一下,效果还不错分享...2015-10-30
  • HTTP 408错误是什么 HTTP 408错误解决方法

    相信很多站长都遇到过这样一个问题,访问页面时出现408错误,下面一聚教程网将为大家介绍408错误出现的原因以及408错误的解决办法。 HTTP 408错误出现原因: HTT...2017-01-22
  • Android子控件超出父控件的范围显示出来方法

    下面我们来看一篇关于Android子控件超出父控件的范围显示出来方法,希望这篇文章能够帮助到各位朋友,有碰到此问题的朋友可以进来看看哦。 <RelativeLayout xmlns:an...2016-10-02
  • ps把文字背景变透明的操作方法

    ps软件是现在非常受大家喜欢的一款软件,有着非常不错的使用功能。这次文章就给大家介绍下ps把文字背景变透明的操作方法,喜欢的一起来看看。 1、使用Photoshop软件...2017-07-06
  • 如何获取网站icon有哪些可行的方法

    获取网站icon,常用最简单的方法就是通过website/favicon.ico来获取,不过由于很多网站都是在页面里面设置favicon,所以此方法很多情况都不可用。 更好的办法是通过google提供的服务来实现:http://www.google.com/s2/favi...2014-06-07
  • photoshop打开很慢怎么办 ps打开慢的设置技巧

    photoshop软件是一款专业的图像设计软件了,但对电脑的要求也是越高越好的,如果配置一般打开ps会比较慢了,那么photoshop打开很慢怎么办呢,下面来看问题解决办法。 1、...2016-09-14
  • Mysql select语句设置默认值的方法

    1.在没有设置默认值的情况下: 复制代码 代码如下:SELECT userinfo.id, user_name, role, adm_regionid, region_name , create_timeFROM userinfoLEFT JOIN region ON userinfo.adm_regionid = region.id 结果:...2014-05-31
  • intellij idea快速查看当前类中的所有方法(推荐)

    这篇文章主要介绍了intellij idea快速查看当前类中的所有方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-09-02
  • js导出table数据到excel即导出为EXCEL文档的方法

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ht...2013-10-13
  • mysql 批量更新与批量更新多条记录的不同值实现方法

    批量更新mysql更新语句很简单,更新一条数据的某个字段,一般这样写:复制代码 代码如下:UPDATE mytable SET myfield = 'value' WHERE other_field = 'other_value';如果更新同一字段为同一个值,mysql也很简单,修改下where即...2013-10-04
  • ps怎么制作倒影 ps设计倒影的方法

    ps软件是一款非常不错的图片处理软件,有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影,一起来看看设计倒影的方法。 用ps怎么做倒影最终效果&#819...2017-07-06
  • js基础知识(公有方法、私有方法、特权方法)

    本文涉及的主题虽然很基础,在许多人看来属于小伎俩,但在JavaScript基础知识中属于一个综合性的话题。这里会涉及到对象属性的封装、原型、构造函数、闭包以及立即执行表达式等知识。公有方法 公有方法就是能被外部访问...2015-11-08
  • Jquery Ajax Error 调试错误的技巧

    JQuery使我们在开发Ajax应用程序的时候提高了效率,减少了许多兼容性问题,我们在Ajax项目中,遇到ajax异步获取数据出错怎么办,我们可以通过捕捉error事件来获取出错的信息。在没给大家介绍正文之前先给分享Jquery中AJAX参...2015-11-24
  • 安卓手机wifi打不开修复教程,安卓手机wifi打不开解决方法

    手机wifi打不开?让小编来告诉你如何解决。还不知道的朋友快来看看。 手机wifi是现在生活中最常用的手机功能,但是遇到手机wifi打不开的情况该怎么办呢?如果手机wifi...2016-12-21
  • PHP 验证码不显示只有一个小红叉的解决方法

    最近想自学PHP ,做了个验证码,但不知道怎么搞的,总出现一个如下图的小红叉,但验证码就是显示不出来,原因如下 未修改之前,出现如下错误; (1)修改步骤如下,原因如下,原因是apache权限没开, (2)点击打开php.int., 搜索extension=ph...2013-10-04
  • c#中分割字符串的几种方法

    单个字符分割 string s="abcdeabcdeabcde"; string[] sArray=s.Split('c'); foreach(string i in sArray) Console.WriteLine(i.ToString()); 输出下面的结果: ab de...2020-06-25
  • js控制页面控件隐藏显示的两种方法介绍

    javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位 方法一: 复制代码 代码如下: document.all["panelsms"].style.visibility="hidden"; document.all["panelsms"].style.visi...2013-10-13
  • 连接MySql速度慢的解决方法(skip-name-resolve)

    最近在Linux服务器上安装MySql5后,本地使用客户端连MySql速度超慢,本地程序连接也超慢。 解决方法:在配置文件my.cnf的[mysqld]下加入skip-name-resolve。原因是默认安装的MySql开启了DNS的反向解析。如果禁用的话就不能...2015-10-21
  • C#方法的总结详解

    本篇文章是对C#方法进行了详细的总结与介绍,需要的朋友参考下...2020-06-25