创意网页美工设计技巧
绝大多数的艺术形式其实并没有固定的规则,但是有规律可以参考,设计也正是基于这些规律而不断进步,下面小编为大家带来了3个创意网页美工设计技巧,希望对大家有用。
创意网页美工设计技巧一、小调整而非重设计
了解三分法的栅格的运用方式之后,你还需要明白更重要的一点:三分法带来的并非是一个无可挑剔的网页设计架构,而是一个用来微调现有设计的布局测试框架。
有太多的免费的栅格系统可以帮你设计网页,比如960GS之类的,但是三分法的九宫格栅格系统是一个帮你微调整个网页布局的,比如调整导航栏的高度,把Logo挪近一点或者远一点。
值得庆幸的是,这种测试方法很实用,并且很简单,也不挑软件。你可以截图之后在PS里面画虚线来分析,诸如GIMP这样的开源免费软件也可以轻松帮你搞定,再不济你还可以直接用记号笔在屏幕上画一个九宫格来分析嘛……(话说当初打CS的时候盲狙也用过这等笨办法~)反正能帮你构建出九宫格分析的工具都能带你走向正确的设计方向。
完成初稿,用三分法测试,然后走向下一步。随着时间的推移,你会更加清楚如何将视觉元素置于对的地方。
二、处理对称性
有的时候,在页面中适当地使用对称性的元素还是颇为有用的.。不过如果在设计中哪哪儿都用对称式设计的话,这也未免太瞎了点。事实上,在艺术和摄影领域,非对称式布局的运用还是占据主流的,大小相对,远近相宜,更加令人赏心悦目,这也证明非平衡的视觉设计更能吸引我们的注意力。
其实在版式设计中,也有类似的原则和规范。比如,当你在页面顶部使用大Banner图的时候,它通常会占据页面大概2/3的高,类似的,标题和正文的字体大小也需要大小对比,读者会自然而然地注意到更大的Banner图、标题和副标题。大小对比是一方面,另外一方面还需要考虑页面上图片和文字的位置。简单的使用三分法并不能确保构图的饱满,将九宫格置于页面上,适当地调整页面的元素的位置和中心之后,会好不少。
三分法的优势在于它可以兼容非对称式布局,也可以用来优化对称式布局。两种布局灵活搭配,借助三分法来突出页面重点,也掌握页面平衡,如此才能调教出优秀的网页。
三、最后的思考
虽然说设计和艺术有着根本的区别,但是两者并非对立的关系。诚然依着规则可以设计出更符合大众口味的作品,但是打破规则,充满个性和艺术感的设计作品又何尝不会令人印象深刻呢?
相關文章
-
淘宝网页美工设计制作网店首页的技巧
网店首页是淘宝网页美工设计重点之一,一般来说淘宝美工会在网店首页上花费很大的精力去设计制作,力求给大家带来一个精美漂亮的店铺。那么淘宝网页美工设计如何制作网店首页呢?1.店铺首轮海报设计要传递最新商品信息,店 -
网站创意美工设计技巧
父亲,一直都在L的心中占据着很重要的位置。父亲十分疼爱她。L还是BABY的时候,有一特点:抱着她就好好的,不吵也不闹,一旦把她放在自己的床上,她就哭个不停,没办法,父亲每天空闲着就抱着L,直到L睡着。如果她睡醒了就又会哭,父亲又 -
网页美工设计技巧
在日常学习、工作或生活中,大家都经常看到作文的身影吧,借助作文人们可以反映客观事物、表达思想感情、传递知识信息。作文的注意事项有许多,你确定会写吗?以下是小编收集整理的搭积木的作文,供大家参考借鉴,希望可以帮助到 -
网页美工设计小技巧
在激烈的行业竞争中,设计师想要获得成功,先决条件之一就是要掌握简洁的网站设计基础。下面小编为大家带来了网页美工设计小技巧,希望对大家有用。 网页美工设计小技巧1.开启你的像素眼任何与设计的相关工作,小细节都发 -
网页美工设计首图设计技巧
人们说,乡情总是令人难忘的。是的,乡情是一支古老而又深沉的歌谣,时时在我心中奏起爱的旋律。故乡那弯弯的黄土小道,那小河边的朵朵黄花,那淳厚善良的乡民……故乡的一切都浓在了我的乡情爱歌里。也许是那呜呜 -
网页美工学习设计技巧
总结自己接触和学习设计的一点经验与大家分享,希望得到大家更多的建议。下文是小编整理的相关内容,欢迎阅读参考! 一、配色其实对色彩的感觉是设计师应具备的最基本素质,其作品不管是对网页界面、系统界面、还是产品 -
网页美工主图设计技巧
导语:淘宝网页美工设计工作是为了优化淘宝店铺宝贝的,也是为了能够带来点击率,让店铺增加关注度。淘宝店铺里面是有很多图片的,其中主图设计肯定是能够吸引人的,下面小编就来跟大家谈一谈淘宝网页美工设计之主图设计知识。 -
网页美工切图设计技巧
时间过得太快,让人猝不及防,前方等待着我们的是新的机遇和挑战,是时候开始制定计划了。什么样的计划才是好的计划呢?以下是小编为大家整理的汽车销售工作计划,供大家参考借鉴,希望可以帮助到有需要的朋友。汽车销售工作计划 -
网页设计案例分享:网页专题设计技巧
今天本文搜集了优秀的色彩运用案例与大家分享,希望这些案例能带给你灵感!Netlife ResearchCollisionInstagalleryFIFeThe Material GroupWVA 2011Orange SprocketCo ExhibitionsSpoonGerren LamsonYunarec beatAssistl -
网页美工的切图设计技巧
在网页美工切图设计之前,我们先基于ps进行新建文件设置,下面是小编为大家整理的网页美工的切图设计技巧,欢迎参考~ 网页美工的切图设计技巧1.一定要做好网页宽度的设置设计,一般网页宽度有760PX、900PX、1000PX等,最好