阅读更多

7顶
2踩

Web前端

翻译新闻 20个优秀的网站布局思路

2011-09-06 18:33 by 见习编辑 songshuang 评论(5) 有8447人浏览
网站的布局可以吸引用户,也可以损失部分用户,因为没有人喜欢访问一个内容乏味的网站。作为Web开发者,你应该认识和了解一下基于网格分布的、基于块分布的和基于列分布的网站布局间的差异。

网站布局的设计思路很大程度上取决于网站的内容、侧边栏展示的广告以及其他内容。下面这些精彩的网站,能给你带来好的布局思路。

1、England Agency



2、Made by Vadim



3、LBI Denmark



4、Scar Studio



5、Neve Inspired



6、1minus1



7、Colly



8、Teuf Creative



9、Luxcartel



10、lolz llC



11、Philip Andrews



12、The Bygone Bureau



13、Nocturn



14、Hoo Haa Design



15、Atomic Dust



16、Bakery – web design



17、Guy Vernes



18、RBLM



19、Sleek Design



20、Amai



英文原文:slodive.com

  • 大小: 71.3 KB
  • 大小: 41.1 KB
  • 大小: 61.8 KB
  • 大小: 76.6 KB
  • 大小: 58 KB
  • 大小: 73.1 KB
  • 大小: 46.8 KB
  • 大小: 58.7 KB
  • 大小: 34 KB
  • 大小: 84.3 KB
  • 大小: 20.5 KB
  • 大小: 97.4 KB
  • 大小: 43.6 KB
  • 大小: 40.6 KB
  • 大小: 21.6 KB
  • 大小: 47 KB
  • 大小: 89.8 KB
  • 大小: 59.8 KB
  • 大小: 63.8 KB
  • 大小: 42.7 KB
7
2
评论 共 5 条 请登录后发表评论
5 楼 colorfulrain888 2011-09-16 08:38
http://www.iteye.com/images/smiles/icon_lol.gif
4 楼 hope_crazy 2011-09-14 18:14
哈哈,不过还是支持一下
3 楼 seasky332 2011-09-14 11:39
我觉得可以,清爽,很艺术,色彩搭配很恰当,多而不乱或少而精,佩服!佩服!
2 楼 daxiong921 2011-09-07 10:43
很一般,一些国内的互联网公司的网站在信息架构上都已经是很极致了,可以参考他们的交互设计
1 楼 kjj 2011-09-07 10:30
怎么觉得一个比一个难看!!!!!!!!

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 网站草图布局的设计思路SEO

    网站草图的制作好与坏,直接决定...我们要根据自己网站特有的需求去设计,只要把几个主要需求做精就可以了。有的时候我们甚至要学会舍弃。即便我们没有这部分流量都没有关系,我们要保证我们的内容是最精度的最好的。

  • 设计UI的基本思路; 五十个UI设计资源网站

    我在设计UI时,通常是有一些步骤与原则,让大家对UI设计有一个思路,这里一定要有一个意识,在拿到一个UI设计图的时候,不要马上就想到要怎么怎么实现,而是需要细心分析与设计。 1,明确划分与UI相关和与UI无关的...

  • 【前端布局篇】响应式布局 Bootstrap 移动端布局

    布局:layout 对事物的全面规划和安排页面布局:对页面的文字、图形或表格...响应式布局是 Ethan Marcotte 在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端,而不是为每个终端做一个特定的版本。

  • 100句解析高瓴650亿美元布局思路,未来三年最重要商业趋势

    “扫地机器人成长空间巨大。” 来 源 | 阿皮亚(ID:APPIA-ANTICA) 作 者 | 慧羊羊 6月28日,百济神州科创板上市申请通过上市委审议,...而这,只是高瓴布局的一个缩影。 在科技领域,高瓴同样动作频繁,...

  • 关于css加div布局和表格布局,菜鸟学习笔记:表格布局和div+css布局

    网页布局可以通过表格和div元素来实现(注:table布局已经淘汰),首先我们来看看table布局表格布局导航推荐文章一个猴子成长史你看个毛线我就瞅你咋地村里出了个半边天一个猴子的成长史...

  • html三段式布局,移动端 三段式布局 (flex方式)

    分享一种平时用的三段式布局(flex)主要思路是 上中下 header&footer 给高度 main 占其余部分html 部分css 部分.wrap{display: flex; //弹性盒子flex-direction:column; //垂直排列height: 100%; //容器盒子要有...

  • 设计灵感|版式之美!左右布局图文排版设计优秀案例

    图文排版一直都是各个领域设计师的一项基本功。合理地安排图片和文字的...2、去搜UI网,模库网,集设网、优图网及各大优秀设计网站查找相关设计素材(扩展自己的思路) 3、选择适合产品设计风格的样式。 设计灵感看这

  • Qt实现的流式布局,20行代码实现

    在我们进行应用程序开发时,流式布局是很常见 的一种布局。Qt中自带的布局并没有实现流式布局,因此我们需要自己实现。写之前看了网上几篇流式布局的博客,感觉实现的比较麻烦,代码不够简洁,不太能满足博主的需要...

  • 优秀案例|想学排版?布局清晰明了的海报给你参考

    好的排版是一门不应该被搞得一团糟的艺术。 文字图片形式一起流动,形成可读且具有... 2、去搜UI网,模库网,集设网、优图网及各大优秀设计网站查找相关设计素材(扩展自己的思路) 3、选择适合产品设计风格的样式。

  • 一个优秀的程序员应该养成哪些好的习惯?

    写博客不仅可以锻炼你的表达能力,同时也是在梳理你的技术思路,如果一个技术问题,你不能清晰地给别人讲明白了,说明你也没掌握好。另外,写博客不要记流水账,可以写一个自己的见解和试验结果。我曾面试过一个学 ...

  • 后台管理系统 - 页面布局设计

    一个好的页面布局设计,无论是对于页面布局的稳定性,还是系统功能拓展的方便性,亦或是用户体验上,都有着重要的提升作用。 一、市面参考 先来看看市面上的一些优秀的开源系统项目的页面布局。 1、vue-element-...

  • DIV+CSS布局

    DIV+CSS布局

  • 常用页面布局技术

    一.自适应三列布局1.使用绝对定位中列</div> 左列</div> 右列 body,html{ height:100%; padding: 0px; margin:0px; } #left { background-color

  • java布局有哪些,网页设计有哪些布局的方法和技巧?

    网页设计布局的重要性,相信做设计的人都能明白,一个优秀的布局往往会给用户带来更好的体验,从而使用户愿意再次访问该网站。那么网页设计有哪些布局的方法和技巧呢?下面为大家总结了布局的六个方法,其实设计思路...

  • 一个优秀的前端工程师应具备哪些技能?

    那么一名优秀的WEB前端工程师应具备哪些技能呢,我在这里分享一下,供大家参考: 第一:HTML超文本标记语言 1、HTML文件的结构 2、HTML文件的编写方法 3、HTML基本标记 4、文字与段落标记 5、框架 6、使用...

  • 简要介绍各种键盘布局

    目前大多数人使用的键盘布局是QWERTY布局. 所谓QWERTY, 就是键盘字母区最上面一排按键从左往右数的字母依次是QWERTY. 由来 这种键盘按键布局的产生, 是源于打字机的键盘布局. 根据维基百科所说, 最早的键盘是乐器中...

  • 如何制作一个优秀的PPT?

    一个优秀的PPT应该具备什么? 一个优秀的PPT应该同时具备 平面设计+数据可视化+演讲能力 PPT首先是视觉化的,精致版面设计、合理配色关系是打动观众的第一道门槛。 PPT需要借助于图形化手段,...

  • 39.响应式布局

    左侧与中侧大概3:9,其余无变化中等状态(md)左侧横着放在了最上面最小状态(sm)最上侧的一些信息消失,且不能够再进行缩小最后我们看一下移动端的情况,跟最小的情况差不多,我门就不做修改了我们制作的思路是这样的...

  • 动态界面:DSL&布局引擎

    动态界面:DSL&布局引擎

  • (精中求精) rem适配布局

    rem适配布局极为详细,含苏宁案例代码

Global site tag (gtag.js) - Google Analytics