如何打造一个高大上的图片展示网站(3)

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词
5、远离复杂多余的特效

如何打造一个高大上的图片展示网站

如何打造一个高大上的图片展示网站

实际上,许多设计师已经彻底告别了复杂的特效,不过这一点还是得多提醒一下。尤其是这类图片展示类的网站,高光什么的还是有多远滚多远的好。

高分辨率的图片要尽可能快一点加载,毕竟是大文件。所以,请记住,在设计动画、加载特效以及其他效果的时候,务必确保图片加载不受影响,如果有影响,就不要使用这些技术或者特效了。尽量简化特效和动效,视差滚动其实还不错,至少对图片没直接的影响。

6、设计一个主题

如何打造一个高大上的图片展示网站

如何打造一个高大上的图片展示网站

有些网站的设计师会为网站设计一个有趣好玩的主题,这不仅更加便于图片展示,还能适当的炫技。他们有的会参考instagram 的风格来设计,还会借鉴Pinterest的瀑布流的样式,中性黑白配色主题可以突出图片,而涂鸦边框和色彩叠加能让网页富有个性。总而言之,为自己的网站设计一个长期使用的主题,还是蛮有用的。

当然,和上一条一样,效果可以适当使用,但是千万不要喧宾夺主,或者影响照片本身的细节。

7、混合不同尺寸和形状的图片

如何打造一个高大上的图片展示网站

不同于拼贴和栅格的展示方式,不同尺寸、方向、形状的图片整齐地拼合在一起,能产生非常优秀的视觉效果。

想想看吧,不同大小和内容的图片协调错落地组合在一起,这些不同所产生的参差之美,协调好色调和背景之后,这一大堆图片能让观者视觉不易疲劳,用户会在网站停留更长的时间。

8、图文混排

如何打造一个高大上的图片展示网站

如何打造一个高大上的图片展示网站

即使拥有一流的图片内容,如果文字和语言太贫乏,也会让网站显得单调无趣。合理地插入文本,在图片之外的地方点缀上按钮和其他控件,能让网站更加完备而丰满。

近几年比较明显的设计趋势是使用高清大图背景和幽灵按钮,这就是典型。图片为主文字为辅,按钮不会影响图片的整体效果。

 收藏