首页 | 教程 | 人才 | 资源 | 视频 | 外包 | 培训 | 论坛  
游戏教程 美术基础 3D设计 平面软件 影视后期 建筑效果 网站设计 精选教程
 
网络学堂   Flash   Dreamweaver   Firework   Freehand   理论   其它
 您现在的位置:首页 > 教程频道 > 网站设计 > 理论
     网页设计技巧:分析网页图片在网页中展现形式

网页设计技巧:分析网页图片在网页中展现形式
编辑:游戏兵工厂 发布时间:2013-07-18 查看:16740 次   
网页制作Webjx文章简介:网页设计中图片展现形式的思考.

图片,是构成网页的基本元素之一。图片不仅能够增加网页的吸引力,传达给用户更加丰富的信息,同时也大大地提升了用户在浏览网页的体验。图片的展示形式丰富多样,不同形式的图片展现也让浏览网页的乐趣变得更加多样化。

跟随我们分别来体验一下目前存在的各种图片展现形式,让我们的眼睛去旅行吧。

一、多图展现

图片限制最大高度或宽度并进行矩阵平铺展现,这是最常见的多张图片展现形式。不同的边距与距离可产生不同的风格,用户一扫而过的快速浏览可以在短时间获得更多的信息。同时,鼠标悬浮时显示更多信息或功能按钮,既避免过多的重复性元素干扰用户浏览,又让交互形式带有乐趣。但传统的矩阵平铺展现版式略微拘谨,浏览体验略显枯燥。

500px.com在传统矩阵式平铺布局基础上挣脱图片尺寸一致性束缚,图片以基础面积单元的1倍、2倍、4倍尺寸展现。大小不一致的图片展现打破重复带来的密集感,却仍按照基础面积单元进行排列布局,为流动的信息增加动感。不规则的图片为浏览带来乐趣,但由于视线的不规则流动,这样的展现形式并不利于信息的查找。

Pinterest的瀑布流错落有致,定宽而不定高的设计让页面突破于传统的矩阵式图片展现布局,巧妙的利用视觉层级,视线的任意流动又缓解了视觉疲劳。用户可以在众多图片中快速地扫视,然后选择其中自己感兴趣的部分。但这样也让用户在浏览时,容易错过部分内容。

相关文章:
·游戏技术干货:手游与App测试四大区别  [2016-01-04]
·游戏理论_手机游戏开发工作流程教程  [2015-12-14]
·游戏理论_游戏音乐在手机游戏开发中的重要性  [2015-11-30]
·在游戏制作中如何实现好的游戏创意?  [2015-10-21]
·游戏理论_游戏策划该如何与美术、程序进行沟通?  [2015-10-13]
·[游戏理论]_游戏开发之如何自己做一款游戏?  [2015-09-14]
·做游戏策划的基本要求是什么?  [2015-08-18]
·[游戏理论]_手游测试人员需要了解的U3D多分辨适配实现原理  [2015-07-03]
·为什么你的原画作品不被公司认可?我们需要什么样的原画师?  [2015-06-18]
·[理论教程]_从手游测试的角度,如何打造一款好游戏  [2015-05-25]
本月教程排行
· 教你快速塑造游戏世界 通过.
全部教程热点 全部推荐教程
· 老外的经典(少女贞德)从.
· Zbrush的行业应用之游戏篇.
· 3DMAX汽车三视图建立到使用.
· ZBrush3官方中文教程
· 3ds MAX基础教程:碗和杯子.
· MAYA材质教程:制作天鹅绒.
· 经典简单室内建模方法(新手.
· 用3ds max结合photoshop制.
· 【painter 8 手绘教程】《.
· Maya教程_3D制作足球模型教.
· Painter 8实例:时尚插画绘.
· 3ds MAX教程:室内空间夜景.
· 3D MAX教程:楼梯间的立体.
· 3dsMAX基础教程 直筒水杯的.
· 《山海经》奢比兽的制作
· PS 绘画 性感美女(国外)教.
· 美术基础--原画底稿上色篇.
· [分享]结构素描
· 原动画运动规律基础教程(翻.
· 贴图教程_PS滤镜快速制作草.
DOGAME游戏兵工厂 | 交流论坛 |关于我们| 广告联系 | 联系我们
DOGAME游戏兵工厂2009-20174HNYU GAME粤ICP备17145884号 京ICP备13045305号