当前,网络运用越来越成熟和发展,不管小企业还是大企业,都会感受到这个强大的科技浪潮。每个人都有必要停下来审视自身,应该如何融入这个快速变化的环境中。青岛帮企翼数字科技有限公司分享的这篇内容“青岛网站建设青岛建设网站机构怎样选青岛帮企翼数字科技有限公司 (2)”;虽然质量一般,但可以一读。如需了解更多干货请看本站推荐区内容。
本文推荐了四个网页设计的基本原则,其实,设计是相通的,本文也适用于平面设计和视频设计当中,希望对你有帮忙,一同来看。
不少网页美工或许网页设计兴趣者都并非是专业出身,他们没有接受过系统的设计理论的教育。所以做网页设计时,往往是凭自身灵感或许参考他人做品,使得设计出来的做品无论在整体还是细节上都不能实现部分专业水准的程度。
但是,实践上只要掌握本教程所推荐的4基本的设计原则,那么就能显着提升网页美工的设计程度,让你完成从打酱油美工到专业美工的蜕变。
现实上,这四个基本原则不仅仅仅适用于网页设计范畴,在平面设计、视频设计等范畴也被普遍被运用,由于设计是相通的。这四个基本原则有一个好记的名字“鲤鱼(CRAP)”,英文单词鲤鱼是由CRAP四个字母构成的,辨别是是四个单词的首字母缩写,这四个原则是:
Contrast:对比
Repetition:反复
Alignment:对齐
Proximity:类似
这四个原则可谓适用又好用,所以本教程是一个系列教程,后续文章会对四个原则辨别进行推荐,本文是概述。
1.对齐(Alignment)
对齐是设计理论中一个很是重要的原则,但是却十分容易掌握。评判一个网站的设计是打酱油水准还是专业水准,通过看能否恰当运用对齐原则就晓得了。没有运用对齐原则的网页,一切东西仿佛是随意散落在页面上似的,架构十分松懈,没有较强的目标性。
对齐原则:设计网页时,网页上任何设计元素都不应该被随意放置,一切设计元素和页面上的其他元素要有视觉上的联络,这个联络方式就是对齐。
请参考下面的网页设计 Oxford Gardenwebsite(https://bangqiyi.com/P>
本教程在上图网页加了部分程度和垂直的红线,标出了它们对齐的地方。请读者重视看页面上这些设计元素是如何和其他元素对其的。
举个例子:如标记部分和内容的第一栏文字是对齐的,这是有意为之,而不是偶尔的。
2.反复(Repetition)
专业的网页设计会维持一个一致的页面风格,各个页面的风格不愿意相互抵触。维持这种风格一致性的秘诀就在于运用反复原则。
反复原则: 部分设计元素在整个网页设计进程中要有部分反复。
反复原则也可以帮忙拜访者晓得网站上面哪些元素在功能上是同样的,或许哪些元素在内容的重要性上是属于哪个品级的。
请参考下面的网页设计 Mullenweg’s personal blog.(https://bangqiyi.com/P>
读者可以重视到,每一个评论的题目都是同样的风格,评论正文的布景颜色也是同样的,评论者的头像都是靠左对齐的。这些虽然是Wordpress后台默许的,但从设计上讲,确实运用了反复原则。
再看侧边栏,每一个侧边栏的题目看上去都是相同的,同样的布景,相同的字号和字体颜色。
反复原则可以让浏览者晓得哪些东西是同一类的,所以,反复原则不仅仅能改善网页的设计,并且也能加强整个网站的客户体验。
3.对比(Contrast)
十分显然,假如网页设计的时候,一切的元素都设计得相差不大,那么自然十分难找到所需求的内容。由于没有重点和非重点的区别。要把内容区分出来,就必需用到对比原则。
对比原则: 网页上的内容应该有一定的对比和区分度。
请参考下面的网页设计 Let’s Make it a Datewebsite(https://bangqiyi.com/P>
一个简单的测试对比的办法是眯眼测试,把眼睛眯起来看,假如对比运用恰当的话,你应该还是可以分辩出设计页面上区别的内容,对比原则就是帮忙区分这些区别的内容。
举个例子,上面设计稿左下方两个硕大的按钮就是为了突出这两个链接,以便让浏览者点击它们,理解更多公司的信息和去联络他们。由于这两个按钮和其他的内容有十分大的对比度,所以十分容易被区分出来。
4.类似(Proximity)
部分蹩脚的网页设计例子:
你看到一张图片,却不清楚描绘这张图片的详细文字是那一段。
你花了十分长時间才晓得某一个设计元素和其他设计元素原来是同一类别。
这些都是由于设计网页时,没有运用到类似原则。
类似原则: 相关联或许相似的项目应该构成一组。
参考下面这个网页设计 Arts Design Studiowebsite(https://bangqiyi.com/P>
请看上图用红色框起来的部分,Solution这个总题目和下面6个文字段落的距离比上面的文字要更接近一点。同样,下面6块段落文字,它们自身的题目、图标和文字一定会靠在一同,每一块一定会和其他块维持一定距离,以便读者容易区分。这样你就可以轻松晓得这些题目、图标是描绘哪部分文字的。
归纳
学习完了大概推荐,假如你想学习运用这四个原则,那么从如今起访问网页时,看他人的网页设计是如何运用这四个原则的。
假如看到了一个你喜欢的网页设计,小愤青建议你看看能否能找到以上提到的原则,当看到一个不令人喜欢的网页设计时,看看能否由于没有恰当运用这些原则。一旦你在设计网页的时候认识到了这些原则的存在,那么请斗胆去运用它们。
固然,网页设计的原则都是可以被打破的,但是设计网页时,要打破这些原则,你必需先晓得这些原则是如何影响网页设计的。