4000857126

南昌绿风设计师培训学校

南昌绿风培训学校:网页设计中图片展现形式

来源:南昌绿风设计师培训学校 发布时间:2013/6/19 14:42:00

   南昌绿风设计师培训学校的理念是“求真务实”,注重实例教学,有计划地安排学员参与公司的业务动作,培养学员的实际操作能力、沟通协作能力和团队精神,帮助学员建立市场导向的营销理念和人性化设计理念。

网页设计中图片展现形式
图片,是构成网页的基本元素之一。图片不仅能够增加网页的吸引力,传达给用户更加丰富的信息,同时也大大地提升了用户在浏览网页的体验。网页设计中图片的展示形式丰富多样,不同形式的图片展现也让浏览网页的乐趣变得更加多样化。
跟随我们分别来体验一下目前存在的各种图片展现形式,让我们的眼睛去旅行吧。 
 南昌绿风设计师培训学校—多图展现
图片限制较大高度或宽度并进行矩阵平铺展现,这是较常见的多张图片展现形式。不同的边距与距离可产生不同的风格,用户一扫而过的浏览可以在短时间获得更多的信息。同时,鼠标悬浮时显示更多信息或功能按钮,既避免过多的重复性元素干扰用户浏览,又让交互形式带有乐趣。但传统的矩阵平铺展现版式略微拘谨,浏览体验略显枯燥。
500px.com在传统矩阵式平铺布局基础上挣脱图片尺寸一致性束缚,图片以基础面积单元的1倍、2倍、4倍尺寸展现。大小不一致的图片展现打破重复带来的密集感,却仍按照基础面积单元进行排列布局,为流动的信息增加动感。不规则的图片为浏览带来乐趣,但由于视线的不规则流动,这样的展现形式并不利于信息的查找。
Pinterest的瀑布流错落有致,定宽而不定高的设计让页面突破于传统的矩阵式图片展现布局,巧妙的利用视觉层级,视线的任意流动又缓解了视觉疲劳。用户可以在众多图片中地扫视,然后选择其中自己感兴趣的部分。但这样也让用户在浏览时,容易错过部分内容。
在较大化展示某张图片的同时,让用户看到相册中其他内容。下一张的部分预览,更吸引用户进行继续点击浏览。下一张缩略显示,下一张模糊显示,或下一张部分显示,不同的预览呈现方式都在挑战用户的好奇心。
在Photodom中,用户浏览具体图片时并不提供下一张的预览,只有等用户将鼠标悬停在“下一张”按钮时才出现下一张的缩略图。虽然出现缩略图的动画效果并不能让用户理想地实现预览,但昙花一现的刺激更促使用户去进行“下一张”的点击。

南昌绿风设计师培训学校咨询电话:400-0857-126


 

领取试听课
每天限量名额,先到先得
温馨提示:为不影响您的学业,来校区前请先电话或QQ咨询,方便我校安排相关的专业老师为您解答
  • 详情请进入 南昌绿风设计师培训学...

关于我们 | 招生信息 | 新闻中心 | 学校动态

版权所有:搜学搜课(www.soxsok.com)