在平时的工作中,很多设计师都会接触到「下层页面设计」这一合作方式,尤其是对於页面较多的网站。很多设计由於对主设计师的思路并不是很熟悉,导致接下来的页面陷入不断修正的麻烦中。为了避免设计中的麻烦,就一定要注意以下的下层页面设计要点。
要点一:网站的目的
首先,你要了解主设计师在设计主页面时的思路,如果不了解这个思路,就会有可能会与设计图的原意有所偏差导致返工。所以,不明白的地方和在意的细节一定要好好确认,这样即使在设计页面时与主页面有区别也会比较容易思考。
要点二:字体风格统一
字体,是最容易影响用户对网站的印象,如果字体不统一,就会让用户出现一种进入了不同网站的感觉。所以,主页面没有使用的字体尽量不要使用,标题和正文的字体一定要区分开来。
要点三:文本的规则
很多人都会忽视文本样式的规划,导致下层页面和主页面风格不一致,所以一定要特别注意。下面,来看看文本规则的三个重要点:
① 页面标题、目录和正文的字号
一般来说,下层页面会使用和主页面一样的字号,且每个页面正文所使用的文本样式也都相同。另外,在对字号进行调整时,为了确保统一印象,页面的跳跃率也会保持一致。
② 字间距、行间距
文字的行间距如果发生变化,会让整个网站给人的感觉也会有所不同,所以一定要保证下层页面和主页面统一。
③ 语言的使用
虽然这个与设计没有直接的关系,但是同样的内容却使用不同的语言会造成网页混乱的。
要点四:色彩,建立统一规则
一个网站如果使用太多颜色很难实现页面统一感,而且无法突出主要的部分。首先,确认页面中使用的主色和点缀色,记录好色号。其次,保证不同的页面使用的文字颜色统一,掌握好不同位置的文字所用的颜色,根据各个页面建立统一的规则。
要点五:排版,懂得为网页留白
网页的布局和排版要更具不同的目的而变化,有时为了吸引用户的视线,页面中最想传达的内容一定要最醒目,而最好的划分方法就是留白。如果没有确认好目录与正文之间及目录本身的留白,就会令整个网站变得散乱,失去设计的一贯性。
要点六:图片,使用同样风格
下层页面在使用图片的时候,应该使用和主页面同样风格的图片,整体调整色调。如果是使用在响应式页面图片的比例要保持一致,要考虑在移动设备上是否能够完全显示,这样会给之後减少很多工作量。
要点七:icon,考虑移动设备的情况
无论是追加的心icon还是以往的icon设计,都要保证风格统一,这在设计每一个icon时就要确认好。 另外,icon要制作大一点的尺寸,然後再转成web font尺寸,确保在任何环境显示效果都是很好的。
要点八:装饰,别使用混合风格
无视主页面已经使用的元素,而在下层页面制作新的元素就会打破整体的规则。所以要麽使用圆角,要麽使用直角,不要出现混合使用的情况,或破坏整体风格的元素。
下层页面设计虽然可发挥的空间比较小,但是但每一个页面的要素都不相同,因此也不是和主页面完全相同,这就需要你平时多加练习,积累经验。
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/44143.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除