创意网页美工设计技巧
绝大多数的艺术形式其实并没有固定的规则,但是有规律可以参考,设计也正是基于这些规律而不断进步,下面小编为大家带来了3个创意网页美工设计技巧,希望对大家有用。
创意网页美工设计技巧一、小调整而非重设计
了解三分法的栅格的运用方式之后,你还需要明白更重要的一点:三分法带来的并非是一个无可挑剔的网页设计架构,而是一个用来微调现有设计的布局测试框架。
有太多的免费的栅格系统可以帮你设计网页,比如960GS之类的,但是三分法的九宫格栅格系统是一个帮你微调整个网页布局的,比如调整导航栏的高度,把Logo挪近一点或者远一点。
值得庆幸的是,这种测试方法很实用,并且很简单,也不挑软件。你可以截图之后在PS里面画虚线来分析,诸如GIMP这样的开源免费软件也可以轻松帮你搞定,再不济你还可以直接用记号笔在屏幕上画一个九宫格来分析嘛……(话说当初打CS的时候盲狙也用过这等笨办法~)反正能帮你构建出九宫格分析的工具都能带你走向正确的设计方向。
完成初稿,用三分法测试,然后走向下一步。随着时间的推移,你会更加清楚如何将视觉元素置于对的地方。
二、处理对称性
有的时候,在页面中适当地使用对称性的元素还是颇为有用的.。不过如果在设计中哪哪儿都用对称式设计的话,这也未免太瞎了点。事实上,在艺术和摄影领域,非对称式布局的运用还是占据主流的,大小相对,远近相宜,更加令人赏心悦目,这也证明非平衡的视觉设计更能吸引我们的注意力。
其实在版式设计中,也有类似的原则和规范。比如,当你在页面顶部使用大Banner图的时候,它通常会占据页面大概2/3的高,类似的,标题和正文的字体大小也需要大小对比,读者会自然而然地注意到更大的Banner图、标题和副标题。大小对比是一方面,另外一方面还需要考虑页面上图片和文字的位置。简单的使用三分法并不能确保构图的饱满,将九宫格置于页面上,适当地调整页面的元素的位置和中心之后,会好不少。
三分法的优势在于它可以兼容非对称式布局,也可以用来优化对称式布局。两种布局灵活搭配,借助三分法来突出页面重点,也掌握页面平衡,如此才能调教出优秀的网页。
三、最后的思考
虽然说设计和艺术有着根本的区别,但是两者并非对立的关系。诚然依着规则可以设计出更符合大众口味的作品,但是打破规则,充满个性和艺术感的设计作品又何尝不会令人印象深刻呢?
相關文章
-
淘宝网页美工设计制作网店首页的技巧
网店首页是淘宝网页美工设计重点之一,一般来说淘宝美工会在网店首页上花费很大的精力去设计制作,力求给大家带来一个精美漂亮的店铺。那么淘宝网页美工设计如何制作网店首页呢?1.店铺首轮海报设计要传递最新商品信息,店 -
网站创意美工设计技巧
网页展现给人视觉上的直观的体现,其实网站设计的成功不仅要注重页面的美观,也应当注重用户的体验度的问题,下面小编为大家带来了3个网站创意美工设计技巧,希望对大家有用。一、设计思路清晰设计人员在设计之前,首先要清楚 -
网页美工设计技巧
网站的页面多种多样,风格各异,网页的质量直接影响着网站的效果。下面是小编整理的网页美工设计技巧,希望对你有帮助! 1.导航栏导航栏如果设计得恰到好处,是会给网页本身增色很多。导航栏有一排、两排、多排、图片导航 -
网页美工设计小技巧
在激烈的行业竞争中,设计师想要获得成功,先决条件之一就是要掌握简洁的网站设计基础。下面小编为大家带来了网页美工设计小技巧,希望对大家有用。 网页美工设计小技巧1.开启你的像素眼任何与设计的相关工作,小细节都发 -
网页美工设计首图设计技巧
网页首屏的重要性是不言而喻的,用户打开网页的第一眼看到的就是首屏中的信息,它是网页的门面,颜值担当,也是给予用户第一印象的核心部分,也是品牌形象呈现的窗口。今天分享一下首屏设计的7个技巧,它们并不复杂,却能帮你的首 -
网页美工学习设计技巧
作为老师,看到学生快毕业了,准备好什么留言送给他们了吗?这是一篇关于毕业留言大全,欢迎大家参考借鉴,希望可以帮助到大家!1. 理想的琴,须拔动奋斗的弦,才能奏出人生美妙动听的乐章。2. 往前走,决不能把命运的纤绳,拴在青春的 -
网页美工主图设计技巧
导语:淘宝网页美工设计工作是为了优化淘宝店铺宝贝的,也是为了能够带来点击率,让店铺增加关注度。淘宝店铺里面是有很多图片的,其中主图设计肯定是能够吸引人的,下面小编就来跟大家谈一谈淘宝网页美工设计之主图设计知识。 -
网页美工切图设计技巧
在网页美工切图设计之前,我们先基于ps进行新建文件设置,在设置的时候需要注意以下几点:1.一定要做好网页宽度的设置设计,一般网页宽度有760PX、900PX、1000PX等,最好不要超过1200PX的宽度,高度没有限制。大多数做网站的公司 -
网页设计案例分享:网页专题设计技巧
今天本文搜集了优秀的色彩运用案例与大家分享,希望这些案例能带给你灵感!Netlife ResearchCollisionInstagalleryFIFeThe Material GroupWVA 2011Orange SprocketCo ExhibitionsSpoonGerren LamsonYunarec beatAssistl -
网页美工的切图设计技巧
在网页美工切图设计之前,我们先基于ps进行新建文件设置,下面是小编为大家整理的网页美工的切图设计技巧,欢迎参考~ 网页美工的切图设计技巧1.一定要做好网页宽度的设置设计,一般网页宽度有760PX、900PX、1000PX等,最好