• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 网页小空间大图片的放置

网页小空间大图片的放置

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含网页小空间,大图片等相关知识,佚名 希望在学习及工作中可以帮助到您

原文出处:www.bamagazine.com

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

一、新闻标题:

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

1 、大胆剪切:

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

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

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

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

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

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

您可能想查找下面的文章:

  • 网页小空间大图片的放置

相关文章

  • 2018-08-23这个网站用AI 帮你做LOGO,还可以免费下载!
  • 2018-08-23首度揭秘!春节期间滴滴地图小车图标的换装设计过程
  • 2018-08-23从零开始设计一款APP之Android设计规范篇
  • 2017-08-06在新窗口打开的跳转菜单 window.open使用介绍
  • 2018-08-23结合实例,总结画线稿时容易出现的几个常见问题
  • 2018-08-23用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况
  • 2017-08-06网页设计心得:页面布局的简单规则
  • 2018-08-23设计水平没有大的进步,原来是这9个方面做得不好…
  • 2018-08-23如何适配iPhone X?来看滴滴出行的实战案例复盘!
  • 2017-08-06负margin功能介绍及用法总结

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 合理使用h1,h2,h3标签
    • 用户体验和可用性之间的联系和差异,你都知道吗?
    • 618 如何让用户买买买?来看腾讯设计师的总结!
    • 入门字体设计?先掌握这两个让你兴奋的知识点!
    • 高性能网站优化指南
    • 首页设计最能反映web设计师的水准
    • 如果你正在设计原型,这4个图片占位符工具别错过
    • 上亿人使用的QQ iPad版「斗图神器」原来是这么设计出来的!
    • 这8条走心的建议,帮你设计出更加优秀的排版
    • 新鲜出炉的有用图标集25组 国外下载

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有