首屏大图最大限度利用设计Word格式文档下载.docx
- 文档编号:15381451
- 上传时间:2022-10-29
- 格式:DOCX
- 页数:12
- 大小:1.14MB
首屏大图最大限度利用设计Word格式文档下载.docx
《首屏大图最大限度利用设计Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《首屏大图最大限度利用设计Word格式文档下载.docx(12页珍藏版)》请在冰豆网上搜索。
什么是首屏大图?
首屏大图,就是在首页或其他页面顶部,运用焦点图、文字和导航元素。
首屏大图体现为多种形式——作为一张图片或带文字的图、图片轮播、固定图片、视频或是动态图片。
设计风格也囊括写实与手绘。
焦点图片是你在网站中首先看到的东西,它的设计的宗旨就是引人入胜。
它应当具备强烈的聚焦能力和视觉吸引力。
首屏大图在视觉上起着强烈的聚焦作用,通常仰仗简洁的字体、极简用色,还有基本图形构成的界面元素。
多数设计元素都放在图片上,通常需要一些设计策略,来保证文字刚好融入屏幕中的特定位置。
一般来说,品牌、导航和其他工具放置在外边缘——典型的是在顶部的左右两个角落——来保持注意力集中在图片本身。
首屏大图在各类网站设计中广泛发挥作用,几乎适合任何设计风格。
这种视觉上讨人喜爱的趋势,其实只需要一样关键事物——一张惊艳的图片。
使用首屏大图的诀窍
一旦你决定使用首屏大图,设计时要记住一些要点。
设计要干净,元素不能干扰主图片、图集或视频。
在这类设计中,分离各种元素至关重要。
设计焦点图片时,记住这几点:
1】包含品牌。
通常这个会放在左上角。
选用纯白或纯黑的品牌标识或logo,不要带很多颜色。
2】标题和字体要鲜明。
尽管照片很大,文字才更有助于吸引用户的注意。
3】就导航元素和辅助元素而言,文字处理得要精细。
坚持只用一张大图和一片文字;
让其他都在设计感中淡出。
4】注意色彩的选择。
如果用了彩色图片,其他东西都要坚持使用黑色或白色。
如果图片是黑白的,为文字选择一种简洁或单一的配色。
5】放置文字时,不要妨碍图片的视觉流程。
不要遮挡图片中的人脸或重要部分。
6】考虑使用大而纤细的字体。
(时尚且非常易于阅读)
7】考虑使用幽灵按钮来增添一点精致。
8】使用固定导航。
让用户更容易滚动和浏览页面。
雕琢首屏大图的导航,使它在首屏内外都适用。
9】减淡图片颜色有助于突出文字。
所有文字都要易于阅读、起到作用。
10】深度设计首屏大图,让用户了解接下来该怎么做——点击还是滚动。
要包含一些视觉提示。
记住,首屏大图未必要充满整个屏幕;
只是多数会这么做。
11】创造能存在于响应式环境中的首屏大图。
思考它在小屏幕上如何展现。
该显示什么图片和文字?
有启发性的案例
互联网上随处可见优秀的首屏大图案例。
这组案例包括了正式上线的网站和进行中的作品。
赠品
若你正准备从首屏大图入手,通常有两种免费资源可供选择——由真实图片或3D渲染构成的首屏大图,或是绘画作品。
这取决于具体项目,每种风格都能良好发挥作用。
下载焦点图片时候要注意的是分辨率(图片要大过最的大屏幕宽度)、可编辑、文件格式和智能对象(如果你要四处移动元素的话)。
正如所有免费的设计元素一样,确保核对过使用许可,遵循相应条款。
免费赠品通常可以用于个人项目,但商业项目需要支付费用;
使用前阅读任何元素的所有细节。
2个免费的首屏大图展示
扁平风格首屏大图
2张复古风格首屏大图
创意素材集
免费焦点图资源
付费资源
尽管有很多免费资源,也有相当多的高质量付费首屏大图资源。
在付费资源包中,你可能有更多选择。
购物愉快!
16张首屏大图Vol.1($20)
食物首屏大图模版#3($20)
87张首屏大图素材包($35)
扁平风格创意工作台($11)
朴实的素材图片($20)
艺术器材场景($12)
总结
不久的将来,首屏大图会是网页设计中的一种最棒、最富视觉吸引力的趋势。
这项技巧的妙处在于,它可以与几乎任何东西搭配。
想要设计扁平风格、极简风格,或是复古风格?
就用首屏大图。
你在项目中使用了首屏大图吗?
可以在评论中与我们分享。
我们乐于看到你正在进行的项目。
本文转自:
链接:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 大图 最大 限度 利用 设计