怎样处理网页设计中文字与图片的位置关系?

2019-09-21
网站建设
2171
返回列表
呼应式网站的一个特点是:一张图片一般会配上几个字或许一句话。在规划的时分,就有一个问题需求处理——字体与图片的方位联系,规划师是如何处理的呢?
根据我们的调查,不同的规划师对字体和图片方位联系的处理办法是不一样,不过,如下几个办法是通用的。
字体大小处理
一般来说,很多图片都是有主体物体的,就是图片中呈现的首要物体,在这种情况下,运用的字体不应该大于主体物。假设有的图片没有主体物,运用的字体大小也应该考虑到用户的辨认,不宜过大或许过小,不少规划师常用14px或12px的字体。
字体所处方位处理
大多数的图片都是有视觉焦点的,一般来说,字体应该处于图片的视觉焦点横竖轴线上,假设,字体较少,能够直接放在视觉焦点上。例如,苹果官网上,几乎一切的字体都位于产品图视觉焦点的数轴线上方。也有的图片没有显着的视觉焦点,关于这类图片,文字能够直接放置在图片中央为宜。
字体与图片边沿的间隔
假设图片中有主体物,字体与图片边沿的间隔,应该与主体物边沿的间隔持平或许差不多。这样规划的长处是,在视觉上,将字体与图片的主体物处于并列的状况,一文一图,整个画面看起来较为和谐。
字面子与主体物面有穿插
假设字体较多,会构成一个字面子,而假设图片中有主体物,也会构成一个主题面,两个面之间,最好能够构成面与面之间的穿插。这样的视觉呈现,不会让字体或许主体物显得孤立,两者之间会给人有联系的感觉。
 在元素较为简略的图片中,单纯运用汉字,会愈加凸显出画面的单调。规划师会采纳这样一种处理办法,就是增加数字、英文字体的运用,将数字、英文、汉字调配起来,让整个单调的画面丰满和丰厚。在一些庆典或许周年庆的网页规划中,数字往往被杰出闪现,配以文字说明,画面冲击感十足。
书法字体与网站风格
汉字的改动规模远远超越英文,这也使得汉字字体是能够与网站的风格进行调配的。例如,一个做古典家具的英文网站,英文字体在怎样改动,可能也无法传达出古典、传统的概念和意境,但是假设运用书法字体,古典的现已绘声绘色。
不难看出,网站中单单是一个字体的规划,学识就非常之深、非常之大,这也足以看出,网站规划是一个“做到老、学到老”的工作,任何一个网站规划师,概莫能外。
以上说的只是网页规划中一个非常小的细节问题,但是却也是非常重要的部分,也是一个优异规划师必备技术之一。