• 窥探动态流体布局

    看到一些论坛上应用了动态流体布局,感觉还是挺好玩蛮新鲜的一种布局方式。感觉上是给用户一种自由的控制网页布局的主权,特别是用在展示图片上非常的给力,那种动态流动性确实很讨人喜欢。先来看看一些应用的实例网站。 Gimme Bar Swinton Pinterest 这种布局巧妙地重排元素,并填补了网页的所有空间,在每个浏览器上显示效果都十分出色,还配以...

    http://dtop.powereasy.net/Item/295.aspx
  • 响应式布局的应用及如何设计

      在10月份的时候@动易设计小吴提到一些响应式布局的网站,在闲暇之余研究了响应式布局在我们工作中的应用;讲到响应式布局,相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果, 设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局:包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么...

    http://dtop.powereasy.net/Item/3421.aspx
  • 网站设计中网页布局的几大原则

    页面上,往往会使页面显得杂乱无章。因此,必须根据内容需要,将它们按照一定的次序进行合理布局和编排,使其组成一个有机的整体,展示给用户。下面详细介绍网页布局一般应遵循的原则。 (1)整体布局,和谐统一。网页的整体布局在页面设计中占据关键位置,起着主导作用。巧妙的整体布局,能全面地展现出设计者的思想,尽情地挥洒出设计者的灵感,这样的网页必定是和谐统一的。 整体化布局的传统方法是使用对称的形式,...

    http://dtop.powereasy.net/Item/231.aspx
  • 网站页面的布局方式 首页设计的要点

      网站页面的布局方式,展示方式直接影响着用户使用网站的方便性。合理的布局会让用户在浏览网站时快速发现核心内容和服务。如果布局不合理,用户需要思考如何获取页面的信息,从页面内容筛选主要服务。在这个过程中,用户通常是进行扫描浏览,捕捉对用户有用的信息,他们不会花费太多的时间去停留页面,会选择离开页面,甚至以后不会访问网站。因此页面布局的重点是体现网站运营的核心内容及服务,将核心服务显示在...

    http://dtop.powereasy.net/Item/252.aspx
  • [转]网站内容传递与合理布局

    网页设计中,内容组织恐怕是最至关重要、最影响设计品质的方面了。如何将信息组织到好的布局中,是一个网站的基础,并且应该在考虑外观之前就决定好。好的布局,内容信息就能正确传递,内容栏目之的关系就能很好的联系起来。 我们来讨论下常用的8种的方法。1.滑门 (sliders) 2.标签式 3.渐进布局(progressive layouts) 4.结构网格 5.模态窗口(modal ...

    http://dtop.powereasy.net/Item/58.aspx
  • [转]网站页面的布局方式 首页设计的要点

    网站页面的布局方式,展示方式直接影响着用户使用网站的方便性。合理的布局会让用户在浏览网站时快速发现核心内容和服务。如果布局不合理,用户需要思考如何获取页面的信息,从页面内容筛选主要服务。在这个过程中,用户通常是进行扫描浏览,捕捉对用户有用的信息,他们不会花费太多的时间去停留页面,会选择离开页面,甚至以后不会访问网站。因此页面布局的重点是体现网站运营的核心内容及服务,将核心服务显示在关键的位置,...

    http://dtop.powereasy.net/Item/258.aspx
  • 网页设计之建站专业术语

    布局,利用一系列与公司形象和产品、服务有关的图像、文字信息,组成一幅生动的画面,向浏览者展示一种形象、一个氛围,从而吸引浏览者进入浏览。另一种是信息罗列型,一般的大、中型企业网站和门户网站常用的方式,即...内页设计技巧) 如何保持网站风格的一致,是进行内页设计过程中考虑的重要方面,根据我的经验,您可以尝试以下几种设计方式: 1、结构的一致性:我们知道,网站结构是网站风格统一的重要手段,包括网站布局、...

    http://dtop.powereasy.net/Item/143.aspx
  • [转]网站头部及BANNER的设计

    不管我们在做网站任何一个模块的时候,可以先规划此模块的样式及布局,也可以直接在Photoshop中用工具规划出来,也可以在纸上面用笔画出来,然后在Photoshop中按照布局好的来设计,这样不仅不节约时间,最重要的让设计思路更加清晰。下图banner图布局规则; 布局规划设想好了,大体上就是背景素材和网站名称、企业标语组成的一个banner图,接下来可以开始设计banner,首先从最底层的...

    http://dtop.powereasy.net/Item/298.aspx
  • 理解响应网页设计元素

    设计中包含的图片也必须是灵活的。 在不同的环境中必须可以通过媒体查询拥有不同的视图。 CSS-Tricks根据浏览器窗口的大小改变它的网页布局。 重要的是要注意所有这三个特征都必须实现...最好的方案,并且可以与任何现存的系统一样灵活。 事实上,大多数存在的网格系统都限制于使用CSS类来定义大小,间距和排列。试着附加这些限制到一个响应网页设计上可能会很棘手并且比写自己的布局更浪费时间。 ...

    http://dtop.powereasy.net/Item/119.aspx
  • 10个网页中常见问题

    假如错误影响了整体布局,则可以逐个删除div块,直到删除某个div块后显示恢复正常,即可确定错误发生的位置。 4. 利用border属性确定出错元素的布局特性 使用float属性布局一...属性,四周的float元素布局就会混乱。这是MacIE的闻名的bug,倘若不知道就会走弯路。 6. float元素务必指定width属性 很多浏览器在显示未指定width的float元素...

    http://dtop.powereasy.net/Item/2693.aspx