网页制作 
首页 > 网页制作 > 浏览文章

网页小空间大图片的放置

(编辑:jimmy 日期: 2024/12/28 浏览:3 次 )

原文出处:www.bamagazine.com

那里都有狭窄的空间:网页横幅、新闻标题处的空间、柱状的广告,但一张来自照相机的照片却要大很多,它们的比例一般是 6 × 4 英寸 。你如何处理这两者的关系?在本文中我们提供三种解决办法。

一、新闻标题:

网页小空间大图片的放置

我们想将一张大的照片应用在标题区域里,怎么办?

1 、大胆剪切:

如果你的照片的空度与你想要应用的区域的宽度一样,我们可以对照片进行大胆的剪切。可能令你感到着迷的是,一张小照片同样可以传达大照片的精粹。

网页小空间大图片的放置

选择照片最传神的焦点,然后在照片上应用剪切。令你感到惊讶的是,你切得越窄,照片反而越有力量感!

网页小空间大图片的放置

只要对上图看上一眼,我们的眼睛就能够快速接收各种信息,包括:

  • 他们的年纪;
  • 他们的性别;
  • 他们的头发;
  • 他们的衣服;
  • 他们的表情;
  • 他们的关系;

而所有这些正是我们所需要的!

网页小空间大图片的放置

将剪切后的图片应用在这篇有关退休服务报道的标题中,效果非常不错,比用上原来整张大图片效果还要好

上一页12 3 下一页 阅读全文
上一篇:网站地图放到网页底部的好处和实例
下一篇:下拉菜单和滑动菜单设计实例
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。