外国优秀网站欣赏

news/2024/5/9 4:48:48/文章来源:https://blog.csdn.net/zking007/article/details/1765854

link: http://www.sirang.com



 

http://www.killswitchcollective.com



http://www.shockabsorber.co.uk



 http://www.threeoh.com/

 

图01


  这样的以色块搭配的网站可以说是很常见的了,但要做到配着协调,也不是说说那么简单的。就象这个站,清爽的浅蓝色,加上点灰,配以白底,就很统一。因为是设计类的站,站点的目的是为了展示其设计,所以页面设计要简洁以突出里面的作品,如图001,如果站点很花哨的话,浏览者就未免能够分清主次。此类风格的设计,还可以运用在商品展示等网站。

  类似的站点还有http://www.fountain.nu/

图05
说起这类站点的配色,就顺便提一下,一般来说网站配色不易过多,特别是还未掌握配色技巧的初学者,建议以一种或两种颜色为主色,近似色或者同纯度与明度下的对比色作为辅助色,另外,黑、白、金、银、灰被称之为万能色,这种无色彩系的颜色很百搭,所以不管怎么配都可以。如下图所给出的几组配色,就是运用的这一原理。用这个方法至少可以保证色彩的协调。

图02

图03

图04


  2、 http://www.fontalicious.com/

图06

 

与刚才的清爽不同,现在的颜色就显得很波谱,大面积的使用黄色,颜色纯度又很高,给人强烈的视觉冲击。可爱的卡通造型以及打破常规排版的菜单,给人留下深刻印象,这种站点很适合做儿童类的网站,日本的很多网站都是采用这种风格,如 http://www2.gol.com/users/joya/home.html

图07

  如 http://www.designfesta.com/02_en/index.html

图08


  3、 http://www.pixelfreak.com/

图10
以上是个象素网站,整个站由精致又可爱的象素画组成,严谨但又色彩丰富,值得你去细细玩味。象素网站制作起来一定要有足够的耐心。如果用一般的方法排出方方正正的布局,可能会觉得有些呆板,但是如果用的是象素做的,就别有一翻情趣。比如这个网站 http://homepage3.nifty.com/graphic/
(图09),是一个德国的网站,德国人的严谨一看便知,但是活泼的色彩配上象素画,却使原来机械式的排版很有可看性。

图09

 



  4、是不是只有色彩PL了网站才会好看呢?不一定,设计有很多要素组成的,色彩只是其中的一部分,来看看这个站 http://homepage3.nifty.com/graphic/

图11

  一个纯黑白的站点,整个站就是当中的一页,但上面用了黑白的象素动态画,加上黑白强烈对比,在看这个站的时候,注意力会非常集中的看着主体,因为也只有这个好看,象这种设计,很简约,现在也是非常流行的。虽然没有颜色,但只要有可看性强的东西,一样会吸引人,这个对于制作要求就比较高,要做个好网页,就不能怕麻烦,因为屏幕是近在咫尺的东西,所以人们会对细节更加挑剔。这就有别于海报广告等设计,给人瞬时的强烈吸引,而一般人们去网站是会长时间盯着屏幕的,如果页面的设计经不起推敲,人们看多了,很容易生厌。

  再看这个站 http://www.faesthetic.com/index2.html

图12
同样是一个黑白的站点,但设计也很有可看性,可看性不一定是指象素画一样的细致,细致也可以是设计形式等等的考究。就象这个站,用细蜜的线条排出的FAETHETIC的字样,正是用了线面结合,用线的不同排法来表现不同的灰度,而且形式也很有构成感。

  这种黑白的站点往往更难设计,因为除掉色彩以后,对你设计的形式等等要求就更高了。


  5、在众多站点中,最受人喜欢的估计就是FLASH站点了。因为几乎没有什么是不能用FLASH表现的,
如 http://www.presstube.com/

图13

  当中怪异的图案不停地变化着,象是流动的现代画。

  再看 http://www.frosch-studio.com/

图14

  一种完全不同风格的FLASH站点,兰色的进站画面和漂亮,左边仿佛是成长中的蝌蚪,与青蛙的LOGO主题统一,朦胧的效果给人梦幻一样的感觉。可见FLASH可以表现各种不同风格的站点,这就要看设计者的创意咯。
  不过在做FLASH站点的时候需要注意几点:

  1、切忌文件过大,效果做得太多,会降慢浏览及打开的速度,很有可能人家还没看到站点就没有耐心了。

  2、不要为了做特效而做特效,FLASH做多了,往往会陷入盲目追求视觉效果的陷阱,有时候觉得一个效果好看就加上去了,结果越加越多,整个站到最后都失去了主次关系,所看到的就只有效果,这就好比是一篇辞藻华丽却内容空洞的作文,好象是在炫耀自己做FLASH的能力,但毫无设计可言,所以尽量不要去做这种吃力不讨好的事情。其实我们所看到的很多所谓的酷站,在国外的一些设计站点却被评为糟糕的站,因为评判的标准是看网站最后所达到的效果,整体而言的,而不是单看某个细节。


图标





本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_893663.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

25个国外优秀的餐饮网站设计作品欣赏

25个国外优秀的餐饮网站设计作品欣赏 这篇文章收集了25个国外优秀的餐饮网站设计作品,希望能带给你灵感。很多餐饮店都会建立自己网站,提供在线订餐服务,这些通常会搭配诱人的食物图片,吸引顾客订购,一起欣赏。 McDona…

大型互联网站点HTTPS实践 1

1 前言 百度作为搜索巨头,一举一动都牵动着大家神经。近日百度率先实行全站https加密搜索,默认将 HTTP 请求跳转成 HTTPS,这一举措引起公众广泛关注和讨论。那么到底什么是https呢?全站部署https有什么重大意义?本文将…

RHCE(2)搭建web服务器,自定义网站页面

服务:是运行在操作系统后台的一个或多个程序,为用户或系统提供某项特定的服务。服务配置最多的是网络服务,网络服务通常就是为其他用户,其他计算机提供某项功能服务。 web服务 状态值 web网站搭建 第一步:安装软件包 …

RHCE(3)HTTP的安全机制,搭建加密网站

SSL ssl提供服务 1)认证用户和服务器,确保数据发送到正确的客户机和服务器 2)加密数据以防止数据中途被窃取 3)维护数据的完整性,确保数据在传输过程中不被改变 两种加密过程(对称加密和非对称加密&#xf…

RHCE(4)虚拟目录,用户控制,动态网站搭建,DHCP

虚拟目录 虚拟目录:为了便于对网站资源的管理,还可以把这谢谢文件存放在本地计算机的文件夹中,或者其他计算机的共享文件夹中,然后再把这个文件夹映射到网站主目录中的文件夹上,这个文件夹被称为“虚拟目录” 编辑子配…

萌新分页操作:怎么做社区网站的首页帖子分页展示?

要进行首页帖子展示,就必须学会分页,而在创建分页之前,我们得先认识到,为什么要进行分页?一个大型网站的数据库将容纳大量的数据,而我们进行展示某部分数据时,为了保证浏览速度,不可…

request+BeautifulSoup爬取网站内容

目标网站:http://699pic.com/sousuo-218808-13-1-0-0-0.html 如图,目标图片对于tag名为img,classlazy 查找时使用 find_all(img,class_lazy) # conding :utf-8from bs4 import BeautifulSoup import requestsurl http://699pic.com/sousuo-…

实现网站的高并发访问

高并发访问的核心原则其实就一句话“把所有的用户访问请求都尽量往前推”。 如果把来访用户比作来犯的"敌人",我们一定要把他们挡在800里地以外,即不能让他们的请求一下打到我们的指挥部(指挥部就是数据库及分布式存储)…

网站本地化翻译为何找专业翻译公司?

随着互联网的普及,网站作为企业对外展示 的重要窗口,得到了越来越多的重视。不少公司除了拥有本土化语言网站,同时搭建多语种网站,这样网站翻译的服务应用而生。那么,什么是网站翻译,如何做好网站本地化翻译…

网站法语翻译,本地化翻译公司哪个正规

据了解,进入国外市场的任何企业都需要伴随着网站翻译和本地化,一个配有当地语言的网站,将会是一张可以为您带来高速发展的名片。那么,如何做好网站的法语翻译,网站中文翻译成法语,本地化翻译公司哪家比较正…

win7或win2008,配置网站后无法访问的解决

错误提示是: The requested page cannot be accessed because the related configuration data for the page is invalid. http://blog.csdn.net/chensirbbk/article/details/6435133 win7和win2008 r2下配置IIS(ASP.net) 分类: Asp.net 2011-05-20…

three.js使用一:本机建网站浏览example

要想查看例子,直接用浏览器打开例子文件有些地方时不会显示效果的,要自己建一个网站。 方法如下: 在IIS管理器中,右击默认网站-》添加网站,输入名称并指定位置,我指定的是three.js的总目录。 也可以先添…

个人站长之路,本人自建的一个网站

由之前固定的pc端网站到最近升级的响应式网站,网站改版优化的同时,我的web前端技术也逐渐提高。 之前固定的pc端网站所用到的知识: 1.HTML 2.CSS 3.JavaScript 4.dedecms后台整合 最近升级的响应式网站所增加知识: 1.HTML5 2.…

网站终于申诉成功!腾讯真难搞啊!

之前3月27日腾讯提示我的网站: 该网站在不久前曾被管家检测出恶意信息,恶意信息删除后,管家仍将保持拦截4周,以防篡改。请在删除恶意信息4周后提交申诉,若再次被管家检测出恶意内容,该网站则不再接受申诉。…

JavaScript限时搜索功能实现,限制恶意搜索保护网站减轻服务器负担

如果我们的网站可以让用户一直连续不断地搜索文章或帖子,如果大量用户同时连续搜索,或者被别人恶意不断连续搜索,这样就会给服务器造成很大的负担,导致网站不稳定,甚至访问不了。 基于这个问题,我们需要写…

在Windows10上使用GitHub和Hexo搭建自己的博客网站

在Windows10上使用GitHub和Hexo搭建自己的博客网站 前言准备工作Node.js下载及安装git下载及安装Hexo下载及安装 博客搭建创建GitHub项目配置SSH Key配置Hexo博客 将hexo博客上传至GitHub访问 前言 搭建网站一般需要购买域名和云服务器空间,但对搭建博客网站来说&a…

c库函数查询的网站

1.网址:http://www.cprogramming.com/function.html 2.网址:http://en.cppreference.com/w/

Asp.Net网站发布到IIS后部分页面乱码

虽然页面上我们可以指定编码格式来确定页面展示,但有些时候我们从后台传值到页面的时候,特别是ViewBag方式时,可能会出现乱码情况! 网络上有一些是采用Html.Raw(ViewBag.Demo)这样的方式进行的,这个本身针对特殊字符H…

对SEO来说,链接的重要性超乎想象

原文地址:For SEO, links are even more important than you think 作者:Katherine Noyes 翻译:赖信涛 责编:仲培艺 如今,很少有业务不注重搜索引擎优化,再小的业务也会针对性地做一些有利于搜索引擎排名的…

分享九款构建响应式网站的最佳PHP框架

原文:9 Best PHP Frameworks to Build Awesome Responsive Websites 作者:Andrey Prikaznov 翻译:王嘉怡 责编:仲培艺 目前,网上有大量的框架供大家选择,本文作者分享了9款各方面都兼具优势的PHP框架&#…