彬Go

关注前端开发/网页设计/网站可用性/用户体验

网页设计’ 分类下的所有文章

网页设计必备的10套漂亮图标集

  今天暴风彬彬将向你推荐10套用于网页设计的漂亮图标,每一套都值得收藏哦。

1.网站开发图标集

  这套网站开发图标集包含60个Web2.0风格的图标(24×24),这些图标也是免费的。
  点击下载

网页-图标-下载


本文未完,点这儿看完整内容 » »

  • 23 条评论了已经
  • 分类: 网页设计, 资源
  • 浏览:13,230
  • 推荐80个使用超大背景图片的网站设计

      随着显示器分辨率和网络带宽的飞速发展,好像越来越多的网站开始使用超出常规尺寸的照片或插图来作为网站的背景。不得不承认的是,超大的背景图片能让网站的视觉冲击力更强,尤其是在分辨率大的显示器下。和传统的网页设计相比,这种设计能给网站更多的生命力。现在暴风彬彬为你收集了80个使用超大背景的网站集合,作为网页设计师的你一定要看,绝对不会失望的!

    本文未完,点这儿看完整内容 » »

  • 10 条评论了已经
  • 分类: 网页设计
  • 浏览:18,383
  • 世界十大网站十年前的设计风格

      在这个互联网的发展速度正成倍增长的年代,也许很多人会想知道互联网十年前的模样。现在已经是2008年的后半段,回想一下1998年,中国的互联网是怎么样的?世界互联网又是什么样的?那个时候你知不知道有网站这个东西?会不会用电脑上网?下面暴风彬彬将带你回到互联网目前十个比较大的网站十年前,想一想,这是一件多么有趣的事情啊…

      下面列出的是现在全世界互联网技术顶尖的十大品牌,而且他们的网站也有十岁以上!下面来对比一下它们十年前和现在的网站都有什么变化吧…


    Amazon(亚马逊)

      轮廓鲜明的导航菜单对于电子商务类的网站是相当重要的,Amazon在这方面做得很好。Amazon的首页内容数量上和十年前相比变化并不大。比较明显的变化就是它把原本在顶部的横向标签式导航菜单挪到了左边的,并变成了多级侧边栏。还有一个变化就是十年前在左侧的搜索框,现在已经挪到了页面的顶部。

    十年前

    amazon_十年前

    本文未完,点这儿看完整内容 » »

    一些有关Web2.0设计风格的文章总结

    一个最基本的Web2.0设计风格是这样的: 简单的布局, 淡淡的倒影, 淡淡的背景, 醒目的Badge,  超酷的图标, 大片留白, 大量使用圆角以及大大的字体. 尽管对于很多设计师来说: Web2.0在很大程度上破坏了设计的美感和想象力. 但又不得不低头: Web2.0就是当前的王道, 且一直持续进行蓬勃发展.

    本文为你收集了一些优秀的探讨Web2.0设计风格的文章.

    Current Web Style

    当前流行什么网页风格?  Web2.0网页风格. Web2.0网页风格是什么样的风格? 这篇文章给了详细的实例结合说明.

    Web 2.0 logos

    著名字体网站Fontshop给出的一篇分析当前热门Web2.0网站所使用的Logo, Logo中所使用何种字体, Logo设计的趋势等的一篇良文.

    细谈 Web2.0 的风格和设计

    一篇中文的Web2.0风格设计详解, 应该也是从某篇英文文章翻译过来的, 不过出处不明.

    10个设计最经典的web2.0网站

    灵感源于欣赏, 模仿也能超越. 看看这些比较经典的Web2.0设计, 也能帮助你提高对Web2.0的感官认知.

    Web2.0 的视觉设计新中英对照

    来自蓝色理想的国人高手结合Jonathan在2006年10月21发表的The visual design of Web 2.0, 对Web2.0视觉设计的探讨, 非常值得一阅.

    流行的web2.0设计典范

    一部英文电子书, 共分七大部分详解流行的Web2.0设计典范.

    150+ Web 2.0 工具和相关资源

    你是一个设计师, 但你懒, 那你可以看看这些Web2.0工具, 你并不是一个设计师, 但你也想让自己的网站2.0一些, 那也看看这些Web2.0工具.


    转自:帕兰映像

    CSS兼容性问题一直被大家关注,而调试环境成为很多CSSer头疼的问题。如何在一台电脑中实现多个浏览器版本共存呢。

    而今天向大家介绍一款新的工具IETester。这款工作个头不大,但是功能不小。它能模拟实现在IE5.5、IE6、IE7、 IE8.0环境下页面显示效果。包括HTML、CSS和JS的呈现。IETester支持XP和Vista系统,不过系统需要安装有IE7以上版本。

    本文未完,点这儿看完整内容 » »

    美学设计—黄金分割与九宫格

      构图一词是英语COMPOSITION的译音,为造型艺术的术语。在《辞海》中,谈到“构图”为艺术家为了表现作品的主题思想和美感效果,在一定的空间,安排和处理人、物的关系和位置,把个别或局部的形象组成艺术的整体。在中国传统绘画中称为“章法”或“布局”。

    首先说构图里的分布和造型,这里不得不提到2个名词:九宫格和趣味中心

      经典的黄金分割,松鼠的前面留出空地,若有所思的生态跃然纸上,令人忍俊不禁

      说九宫格前先说著名的黄金分割

      自从古希腊人发现黄金分割以来这种比例就被认为是美学的最佳比例而得到广泛的应用。

      其实黄金分割是造型艺术中的一种分割法则。亦称黄金分割率,简称黄金率。它的分割方法为,将某直线段分为两部分,使一部分的平方等于另一部分与全体之积, 或使一部分对全体之比等于另一部分对这一部分之比。即:在直线段AB上以点C分割,使(AC)2=CB×AB,或使AC∶AB=CB∶AC。

      抽象主义摄影大师兰克运用的黄金分割

      实践证明,它的比值约为1.618∶1或1∶0.618,被称为黄金比。黄金比最早是由古代希腊人发现的,直到19世纪被欧洲人认为是最美、最谐调的 比例。黄金比广泛用于造型艺术中,具有美学价值,尤其在工艺美术和工业设计的长和宽的比例(如书籍开本)设计中容易引起美感,故称为黄金分割。20世纪 中,法国建筑师Le科布西埃发现黄金比具有数列的性质。他将其与人体尺寸相结合,提出黄金基准尺方案,并视之为现代建筑美的尺度。法国还产生了冠名为黄金 分割画派的立体主义画家集团,专注于形体的比例。

      在实际运用中,黄金比多只采用近似值。最简单的方法是按照数列2、3、5、8、13、21……得出2:3、3∶ 5、5∶8、8∶13、13∶21等比值作为近似值。这种分割方法亦用于优选法。

      再说说九宫格,九宫格的源头可是我们中国人发明的一种构图模式,但巧的是它与黄金分割有着惊人的理论联系!大家们把画面的上下左右用黄金分割来做出4条线,我们惊奇的发现这就是我国古人所说的九宫格!

      看,整个主体分布在2和黄金分割线上

      人们发现在九宫格的4条线交汇的4个点是人们的视觉最敏感的地方,在国外的摄影理论里把这4个点称为“趣味中心”。顾名思义,被反复证明的是当被摄主体处于或发布在这4个点附近最容易得到“眼球”

      下面是摘自另一篇文章<设计和谐画面 浅谈黄金分割与摄影构图>关于黄金分割的算法

    原理1

      如图A:“黄金分割”公式可以从一个正方形来推导,将正方形底边分成二等分,取中点X,以X为圆心,线段XY为半径作圆,其与底边直线的交点为Z点, 这样将正方形延伸为一个比率为5:8的矩形,(Y’点即为“黄金分割点”), A:C = B:A = 5:8。幸运的是,35MM胶片幅面的比率正好非常接近这种5:8的比率(24:36 = 5:7.5)

    原理2

      如图B:通过上述推导我们得到了一个被认为很完美的矩形,连接该矩形左上角和右下角作对角线,然后从右上角向Y’点(黄金分割点,见图A)作一线段交 于对角线,这样就把矩形分成了三个不同的部分。现在,在理论上已经完成了黄金分割,下一步就可以将你所要拍摄的景物大致按照这三个区域去安排,也可以将示 意图翻转180度或旋转90度来进行对照。

  • 2 条评论了已经
  • 分类: 网页设计
  • 浏览:2,240