写给网页设计新手的10条实用法则-UI设计 PS-优质IT资源分享社区

admin
管理员
管理员
  • UID1
  • 粉丝26
  • 关注4
  • 发帖数581
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:140回复:0

写给网页设计新手的10条实用法则

楼主#
更多 发布于:2016-06-12 11:54

写给页面规划菜鸟的10条有用规律
菜鸟常苦于没有师傅手把手教,如今时机来了,今日@AnyForWeb_UDC
同学为咱们预备了页面UI规划的10条有用规律,事例全,办法赞,十分合适正在学习进步的菜鸟,来涨姿态吧。
一个片面上很想多多学习的规划菜鸟在作业中最常遇到的情况应当是…没人情愿教!(ps:传统思维通知咱们“教会徒弟,饿死师傅”,所以新咱们的如此遭受也无可厚非;But…另一种或许性是…师傅真的很忙!)
Anyway,今日为菜鸟们奉上对于页面UI规划的10条适用规律,期望能让咱们脑洞大开,在规划中得到帮助和启示。
一、纠结的时分,让天然为你做决议!
遵从天然规律的规划总是由于贴近万物根源而遭到更多人的宠爱,因而,当你犹豫不定的时分,你能够挑选将规划代入大天然规律中,让天然为你做出最好的决议。比方,实践和天然通知咱们,光源来自天空,在咱们也现已习惯了这种由上至下光线来历的时分,规划师需要做的应当是能适运用户视野的光线规划。




二、脱离颜色引诱,能真实看清规划规划
颜色对人类视觉的冲击力能发生最大的作用;一个页面的用户体会是不是合格,从颜色和规划上就能看出一二。但在颜色的“伴随”下,规划的好坏与否好像就此被“矮化”。为了让规划师在规划时能愈加明白的审视页面规划,去色或是“灰度方式”的运用或许更有利于菜鸟的规划规划作业。
灰度方式:



没有了颜色“打扰”以后的页面规划一旦能够让自个满足,再依照颜色理论或是个性喜好增加和更改颜色。




想出现你最要害的内容,引荐:《吸睛大法!有哪些办法能够杰出页面中的要害内容?》
三、规划感是“留”出来的!
斗胆留白是规划概念中常常会说到的理论,但真实能依据理论详细落实的规划师却为数不多。或许是由于规划师胆儿不够大(PS:怕被客户喷死,“你是不是偷闲啊!怎么内容那么少!你到底有没有仔细做规划啊!@#¥%……&*!”),另一种或许是没有在实践中领会到留白的美好。




页面规划中的留白是为了在有限的容量中预留一些让其间元素呼吸的负空间,并不是一种所谓的“偷闲”做法。大片留白在国内市场中极有或许面临各种不满,但小范围的留白却能很有用的进步整个页面的层次。比方页面中图像与字句之间的间距,只需留出两倍及以上的空隙,全体都会展示出令人眼前一亮的简练感。




四、试试把文字直接放在图像上
这种规划办法看起来很简单是不是?但要用这种办法规划出一鸣惊人的网站就有必定难度了。在运用过程中,为了不损坏网站的用户体会,有几点能够格外重视。
文字的颜色尽量运用白色,让页面看起来更大气;因而,页面背景图的色系挑选以暗色为主;更细致的话能够再不一样的分辩率下进行调试,保证在所有的情况下文字或主要内容都是易于辨识的。




五、对于字体,合适比新颖更主要!
“坚决求新”是很多规划师的职业病,本来,在任何事情中,合适,比啥都主要!
在页面字体的运用中,五花八门的字体款式会让规划师不知如何是好,规划师或许会因而挑花了眼,或许会一向在常用的几种字体中相互变换。而对于字体的挑选,规划师应当依据图像中的某些元素作为创意,以此在页面中天然地形成隐形头绪。




六、只要强弱并存才会取得比照
用强弱的比照展示要点杰出是规划中强调内容最天然的方法。比方背景图的弱化,加上明晰的文字或图画,页面会因而营造出今后总格外的唯美作用。假如图像比照单调,也能够在背景和文字的中心增加一些透明度较高的线性几许成分,让页面丰厚充分起来,也让全体不再单薄。
运用好比照的详细办法:《规划根底功!帮你完全把握规划四大准则中的比照准则》




七、你需要一双善于发现的眼睛
身边的一切都或许随时为你带来创意,千万别小气你的眼睛!
每一个细微的有些都有资格变成你的规划元素,你应当让它们发生一些小改动,它们就会让你的规划大提高。滤镜?几许?每一种作用都需要你的测验。




八、桃红色&浅橙色!她们才是真实的百搭色!
粉嫩的暖色系颜色一向会被误认为是很难用的颜色,当这类颜色被稠浊在五颜六色的“调色盘”中确实够难调配,那无妨测验一下在单色背景中运用她们,无论是稍作装点,仍是设置为主颜色,你都必定会发现其间的不张扬魅力。




九、导航是页面中最主要的规划
导航能够说是整个网站中最主要的规划,用户体会舒服与否很大的决议权源自于此。对导航规划的最好评估应当是“召之即来,挥之即去”。幽灵按钮、汉堡图标和无线框纯文字规划都是好导航的常用规划办法。




不需要的时分,导航仅仅个小小的汉堡图标。
翻开以后,它是这么的:




也能够依据你的志愿让它随时不见。
又或者翻开前是如此低沉的存在:




翻开后以色块的方式出现,让近视病人也能明白的分辩:




九、减去页面之间的一样存在!
一样的有些在页面规划中显得毫无含义,不仅让页面逻辑变得冗杂琐碎,更会让用户觉得恶感。尤其在规划共同的情况下,内容的差异化尤为主要。这些差异化能够从很多方面表现出来,比方颜色、文字、风格等等。
差异化的最全范例:《经历共享!超有用的文本处理窍门》




假如想规划更格外的页面,你能够挑选这么做:




总结:
以上是咱们为正在尽力加油的咱们总结的页面UI规划规律,有或许你对上述内容现已听闻过很多,但其间的含义还需要在实践中逐渐探索领悟。
Finally,多多操练,依据规划环境不断优化自个的实战经历,做一个机伶的规划师!




[font=Tahoma  ]优质IT资源分享社区为你提供此文。
本站有大量优质UI设计(含PS,软件 网页 平面设计等)教程视频,资料等资源,包含UI设计基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。

UI设计教程视频
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客