玩转网站上岸页点睛之-笔

发布时间:2017-07-24 06:02 来源:互联网 以后栏目:网页设计教程

   写给网页设计

  网页设计师今朝在设计界是一个最为难堪的存在,一方面他们被视为和GEEK党混在代码堆里不懂审美的怪咖,另外一方面他们又苦于网页中被局限的自在而没法在创意上取得最大年夜延长。设计师自己没法给本身准肯定位。在我身边的网页设计师们,在拿到一个项目标时辰,和客户的不雅念博弈后,最后,只能供给导航、按钮等基本元素的设计,而又由于客户主导着产品,是以关于产品本身没有经过展示设计的客户常常不懂得如安在网站长停止有效的安排。而全部网页的设计后果,就算前期经过设计师苦心运营一番交给客户后,换掉落了设计师精心安排的大年夜图和文字,不幸的话很轻易就沉溺堕落成了手中又一个掉败作品。在浏览国外的优良网站时,我们是该停上去好好想想我们能为网页设计做甚么?我们的定位是甚么?

  这一期让我们从上岸页开端聊起

  很多人在安排网站上岸页,常常以占据全屏的轮播大年夜图来吸援用户,设计师的做法核心都集中在让大年夜图本身足够震动和吸引,以便使首页能锁住用户的眼球。至少,网站的一切者欲望能经过过程几张全屏大年夜图就可以敏捷有效地传播本身的价值和理念。然则除简单让全屏大年夜图阁下滑动以外,我们还能有其他更新鲜的表达方法吗?或许说,在用户的希冀以外,我们还能给到他们其他甚么加倍奥妙又加倍人性化的体验呢?带着这些成绩,无妨让我们看看下面这些上岸页的创作思路。

  nightowlinteractive

  以纹理为背景,根据不合的文字转动,深奥深厚而富有一种复古和原始的基调,假设你的表达内容是以文字为主,可以推敲尝尝这类轮播方法。

玩转网站上岸页点睛之笔 电脑高手

  oficialanima

  应用留白作为转动图片的一个吸引的要素,豪华而充斥了空间的张力,页码的表示形状也与全体的视觉保持调和。四周配以照应的文字,予以部分堆叠,凸显层次感和空间感。

  thehugo

  翻开页面或许除图案本身以外,简直无其他任何元素,只要当鼠标转动到下方时,首屏的图案刹时改变成内容背景。而在屏幕的左边,有一个静态的标记,把背景和内容做了更风趣的连接。这类新鲜新颖的方法,用在品牌简介乃至是内容详细页面都异常合适。

  josephaavoue

  或许这里的大年夜图不算大年夜,但也在全部上岸页占据了重要的核心肠位。设计师为了凸显核心也应用了线条和图形来引导用户的视野。左边文字左边图片,可以或许把内容表达得更加清楚,但全部页面元素比较包袱,所幸线条的排版和色彩应用得适可而止。

  thebarkas

  可以看到从一个圆形到变作条纹再浑然一片整屏突变,视觉既简单,又充斥了动感,鼠标根据不合的角度而让配风景产生变更。不过如许做的条件是选择一个足够冲击力和字体和标记。让它成为视觉核心。

  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、