超赞的35个网站的首屏设计

   Yaron Schoen


  Alex and Regomes


  Art 4 Web


  Bei Blog


  Blue Hat


  David Jonsson


  Ayaka Ito


  Emc2 events


  Felicetre


  Hotel Rottnest


  Hugs For Monsters


  Living Design


  No Milk Today


  PIXELBACKER


  Priscilla Martins


  Rareview Web Design


  Relogik


  Simple Art


  somoslaperalimonera


  The Pixel


  WWAMPM


  XHTML Cafe


  CHEESETIQUE


  Feed Stitch


  Field Runners


  Gap Medics


  Hello Studios


  Lionite


  Racket


  The Peach Design


  The Design Superhero


  meomi cloud house


  CTL


  Bienenstich


  dquinn


  Et Toque


  Mplusz Web Design Agency


 

时间: 2024-11-08 21:23:50

超赞的35个网站的首屏设计的相关文章

知名网站的首屏简洁设计趋势

  当一个用户登录你的网站,他第一件事情一定会注意到你的网站的头部信息.无论他是一个小的导航栏,或者是一个大的图片全屏轮显,网站头部的设计无疑是全站布局中非常重要的一个环节.大多数网站头部的设计倾向于给访问者留下非常深刻的印象并且最好能够更帮助他更好的推广这个网站的品牌.一个好的网页首屏设计可以给每一位访问者留下一个长久的不可磨灭的印象. 在这篇文章里,我想分享几个非常有用的小技巧来帮助网页设计师们实现一个高大上的头部标题设计.最好的方法就是把侧重点集中到网站的内容上,并且着重强调重要的部分,使

电子商务网站设计分析系列之二:首屏设计

屏(above the fold)是指不滚动web网页屏幕就能被用户看到的画面. 世界著名的网页易用性专家尼尔森曾经有报告显示,首屏以上的关注度为80.3%,首屏以下的关注度仅有19.7%.这两个数据足以表明,首屏对每一个需要转化率的网站都很重要,尤其是电商网站. 相关阅读:电子商务网站设计分析系列之一:首页导航 在电子商务网站中,用户最急切需要获得的不外乎两点:吸引人的商品或店铺,以及网站能够给予他的信任感.信任需要积累,因此,各类宣传推广信息就成了电商首屏展示的不二之选. 一个能引人驻足停留

超赞的UC星座占卜H5是如何设计出来的?

  用软件快速生成的H5和设计师精心打磨过的有什么区别?看今天这篇就知道了.仅仅是一个星座专题,背后的设计思考非常多,从视觉.代码实现.交互到知识背景,无一不体现设计师对细节的「偏执」,来给作者Caiqiang点个赞. 星座的"座"本来是人类意淫出来的产物,古代巴比伦人几千年前就开始自作主张地把相距无比遥远且毫无干系的恒星们连接起来,以人们熟悉的动物命名并绘制出精美的星图.古老的人们从那时就开始相信,那些放射着闪闪光芒的恒星群,似乎真的与我们和我们的生活有着某种神秘的联系. 这里要为大

网页首屏设计之图文混排的10大技巧

  1.强化对比 Packdog Wearetelegraph 首先网页首屏中的文字必须具备可读性才行,所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚.当你选择一个暗色调的背景,那么你需要使用白色或者浅色的的文字,而当背景比较素雅的时候,文字可以使用深色,这就是我所说的强化对比. 当然,对比不仅限于色彩,文字同样存在对比.文字与图像相互配合,才能达到出人意表的效果.例如第一个案例,Packdog网站的设计,大图作为背景,用色浓郁,文字则正好相反,轻薄而大小错落.这些对比强烈的元素组合在一

10个日本超赞的插画风格网站欣赏

  本文作者是位设计师,名叫Sally.她一直很喜欢看别人的手绘插画,每当看到配有可爱插画的网站就会很心动.和图标的通用性不同,插画需要配合网站的风格从头打造,虽说很花功夫,却会令人印象深刻.这次我试着把配有插画的网站做了下整理. 01. 太阳市场 链接地址:http://timealive.jp/ 这是在"胜哄站(东京地铁站)"每月定期举办的市场-"太阳市场"的网站. LOGO里加入了葫萝卜.花之类的插画之后一下子显得非常可爱! 在页脚也放着"太阳的市场

10个超赞的黑色系网站设计

  钟爱黑.白两色的设计师会希望自己的作品也跟它们一样够酷,但什么时候该用黑色,如何运用黑色却不是一个简单的事.最好的方法就是多模仿多欣赏啦,而且将低调沉稳的黑色运用在网页设计中,能够极强地抓住访客的视觉注意力,效果很棒. CampaignLabs Chris Davis DevArt Common Marketplace Tectonica Intercore Build Interactive Design Embraced Dataveyes LiveAreaLabs

网站设计分析:网页的首屏标准你了解多少?

什么是首屏 首屏的英文是above the fold,fold有折叠之意,above the fold是指在折叠之后能看到的,为什么首屏的英文翻译会跟折叠有关系呢,原因很简单,因为这个概念最早用于出版领域,可以简单的理解为"头版"因为报纸的运输和分发过程是折叠起来的,所以报纸的折叠后暴露在读者面前的那一部分内容就显得尤其重要,读者会根据头版的内容决定是否购买. 因此处于头版的内容意味着一个,编辑认为它们是最重要的,头版的内容也决定了出版物的立场和定位.所以"above the

超赞的jQuery幻灯插件 附下载

应朋友的邀请,帮他公司做jQuery缩略图正中间的为当前播放到的图片,两边呈发散状,逐渐缩小并降低透明度.假设当前正播放到第0张图片,则排列情况如下: 缩略图正中间的为当前播放到的图片,两边呈发散状,逐渐缩小并降低透明度.假设当前正播放到第0张图片,则排列情况如下: 0 1 4 2 3 按逆时针方向转一张图后的排列情况如下: 4 0 3 1 2 这个只是缩略图的播放效果,缩略图轮转时,后面有对应大图跟着从右到左滚进,并且大图进入的速度要对应着缩略图轮转,整体效果如下: 一个幻灯播放效果,效果如下

Webjx.Com收集超美的扁平化网站设计20个案例

文章描述:.Com收集超美的扁平化网站设计20个案例. 扁平化设计意味着不用常用的渐变.像素完美的阴影,然后通常是近年来蔓延的用来实现看起来"平面"的用户界面." 嗯,为了能让你更快的步入扁平化设计的潮流,今天我们收集了20个超赞的示例(以及一些Dribble截图),相信它们能够阐明网页设计中的"扁平化"之美... Microsoft SpellTower Supereight Studio Hundreds Women and Tech [1] [2]