设计一个伟大的摄影网站建设
来源:
华夏亿人网络有限公司
日期:2018-03-29 09:28:11
点击:7675
属于:网站建设
你有一堆很棒的图片。现在你能用它们做什么呢?
设计一个网站来展示所有伟大的摄影,并不是简单的把你所有的图片放入一个用CSS和HTML制作的包里。它需要计划和设计来支持这些图像。
在这里,我们将着眼于10种方法来设计和充分利用一个包含大量照片的网站,从投资组合到博客和商业网站。我们都知道,好的图像是一个好的视觉主题的重要组成部分。
使用的英雄形象
摄影网站
照片的网站
当它很大的时候,最让人印象深刻的使用摄影的方法之一是。超大号,或者英雄形象会产生巨大的影响,吸引访问者进入你的网站。
(您可以在之前的Designmodo文章中了解更多关于hero header和最佳实践的信息。)
选择英雄形象,当你有一或两张令人震惊的照片时,有大量的细节和影响。图像应该代表你的网站或品牌,而不需要额外的细节。
滑块增加了对多张照片的兴趣。
滑块增加了对多张照片的兴趣。
滑块的照片
当你有一个以上的图片展示时,滑块是一个不错的选择。滑动条的优点是它可以容纳多个大小,所以你不会被锁定在全屏图像中。
使用滑块的关键是不要太疯狂。坚持使用一些图片,以达到最大的效果。确保每一个图片都是相关的,并且不会复制或看起来像另一个图片。滑块的另一个好处是你可以随时改变图像,比如用季节照片替换图片或者添加新产品的图片。
创建一个拼贴或网格。
拼贴画或网格
网格
一组漂亮的照片可以为你的网站增添戏剧性。但是你要注意照片的选择,裁剪和分组。Ajax滚动功能是一种有趣的方式,可以让用户通过组照片移动。
但在创建拼贴或网格(主要是屏幕上的照片大小)时,有一些事情需要记住。选择您可以看到较小尺寸的图像。通常情况下,这将包括更简单的框架和构图。这种设计方法很受欢迎,因为它可以看到一组很紧的图片或脸。它对风景或图像的细节不太好。
使用最少的审美
使用最少的审美
最小的审美
当以摄影为主题时,保持其余的设计简单。你想让图像为他们自己说话,很多“明显的设计”可以从图像本身带走。
简单的按钮,元素,甚至是颜色,都可以让照片在屏幕上有更多的空间。(这就是为什么如此多的投资组合网站利用了极简风格和背景和白色背景。)
远离太多的影响。
没有影响
影响
此时,大多数设计人员已经避免了flash,但是记住这一点仍然很重要。在你的摄影网站设计中避免闪光灯,因为它很诱人。
高分辨率的照片需要快速加载——它们是大文件——并且在所有设备上都是准确的。在设计动画、加载预置或其他效果时要记住这一点。如果特技效果或技术影响速度,或者从实际的角度看照片,不要使用它们。
如果你想使用效果,请保持简单。考虑视差滚动或自动加载图像。
设计一个“照片”的主题
设计一个“照片”的主题
照片的主题
一些摄影网站使用有趣的“主题”来拍摄照片,这是展示照片和其他一些设计技巧的好方法。他们的想法包括一个instagram风格的外观,Pinterest设计主题,黑白画廊,效果与边框或边缘或颜色叠加。有很多有趣的选择,你可以用来创建一个基于照片的主题的网站。
要注意的是,不要把信息照片拿走。以赞美摄影的方式使用主题,而不是隐藏它。
混合形状和大小。
Artistunion
混合形状和大小。
有些设计师在摄影方面很有型和尺寸。图像可以是不同的形状,大小和方向(肖像和风景)。使用混合可以产生更多的视觉兴趣。
用同样的概念,想想照片的框架和构图。有些应该是关闭的,有些则在中或远的范围内。想想颜色和背景的方差。使用大量类似的照片会让用户很快感到厌烦;把它混合起来,让用户在你的图片上浏览(或点击)更长时间。
放置文本战略
放置文本战略
Obrien
糟糕的文本放置会毁掉一个拥有伟大摄影的网站。确保文本、按钮或其他元素没有放置在图像的关键部分。
我们最近看到的一种趋势是使用大型图像和幽灵按钮。这种组合允许使用dominan。
扫码加微信
设计一个网站来展示所有伟大的摄影,并不是简单的把你所有的图片放入一个用CSS和HTML制作的包里。它需要计划和设计来支持这些图像。
在这里,我们将着眼于10种方法来设计和充分利用一个包含大量照片的网站,从投资组合到博客和商业网站。我们都知道,好的图像是一个好的视觉主题的重要组成部分。
使用的英雄形象
摄影网站
照片的网站
当它很大的时候,最让人印象深刻的使用摄影的方法之一是。超大号,或者英雄形象会产生巨大的影响,吸引访问者进入你的网站。
(您可以在之前的Designmodo文章中了解更多关于hero header和最佳实践的信息。)
选择英雄形象,当你有一或两张令人震惊的照片时,有大量的细节和影响。图像应该代表你的网站或品牌,而不需要额外的细节。
滑块增加了对多张照片的兴趣。
滑块增加了对多张照片的兴趣。
滑块的照片
当你有一个以上的图片展示时,滑块是一个不错的选择。滑动条的优点是它可以容纳多个大小,所以你不会被锁定在全屏图像中。
使用滑块的关键是不要太疯狂。坚持使用一些图片,以达到最大的效果。确保每一个图片都是相关的,并且不会复制或看起来像另一个图片。滑块的另一个好处是你可以随时改变图像,比如用季节照片替换图片或者添加新产品的图片。
创建一个拼贴或网格。
拼贴画或网格
网格
一组漂亮的照片可以为你的网站增添戏剧性。但是你要注意照片的选择,裁剪和分组。Ajax滚动功能是一种有趣的方式,可以让用户通过组照片移动。
但在创建拼贴或网格(主要是屏幕上的照片大小)时,有一些事情需要记住。选择您可以看到较小尺寸的图像。通常情况下,这将包括更简单的框架和构图。这种设计方法很受欢迎,因为它可以看到一组很紧的图片或脸。它对风景或图像的细节不太好。
使用最少的审美
使用最少的审美
最小的审美
当以摄影为主题时,保持其余的设计简单。你想让图像为他们自己说话,很多“明显的设计”可以从图像本身带走。
简单的按钮,元素,甚至是颜色,都可以让照片在屏幕上有更多的空间。(这就是为什么如此多的投资组合网站利用了极简风格和背景和白色背景。)
远离太多的影响。
没有影响
影响
此时,大多数设计人员已经避免了flash,但是记住这一点仍然很重要。在你的摄影网站设计中避免闪光灯,因为它很诱人。
高分辨率的照片需要快速加载——它们是大文件——并且在所有设备上都是准确的。在设计动画、加载预置或其他效果时要记住这一点。如果特技效果或技术影响速度,或者从实际的角度看照片,不要使用它们。
如果你想使用效果,请保持简单。考虑视差滚动或自动加载图像。
设计一个“照片”的主题
设计一个“照片”的主题
照片的主题
一些摄影网站使用有趣的“主题”来拍摄照片,这是展示照片和其他一些设计技巧的好方法。他们的想法包括一个instagram风格的外观,Pinterest设计主题,黑白画廊,效果与边框或边缘或颜色叠加。有很多有趣的选择,你可以用来创建一个基于照片的主题的网站。
要注意的是,不要把信息照片拿走。以赞美摄影的方式使用主题,而不是隐藏它。
混合形状和大小。
Artistunion
混合形状和大小。
有些设计师在摄影方面很有型和尺寸。图像可以是不同的形状,大小和方向(肖像和风景)。使用混合可以产生更多的视觉兴趣。
用同样的概念,想想照片的框架和构图。有些应该是关闭的,有些则在中或远的范围内。想想颜色和背景的方差。使用大量类似的照片会让用户很快感到厌烦;把它混合起来,让用户在你的图片上浏览(或点击)更长时间。
放置文本战略
放置文本战略
Obrien
糟糕的文本放置会毁掉一个拥有伟大摄影的网站。确保文本、按钮或其他元素没有放置在图像的关键部分。
我们最近看到的一种趋势是使用大型图像和幽灵按钮。这种组合允许使用dominan。
标签:
本文来源:华夏网络,转载请注明出处!如需要营销型网站建设、商城系统开发、多端小程序开发、多端小程序商城开发、分销系统开发 请联系我们!
扫码加微信
上一文章:设计一个真正美味的餐厅网站
下一文章:如何为网页设计选择正确的显示器