十个网页设计技巧-UI设计 PS-优质IT资源分享社区

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

十个网页设计技巧

楼主#
更多 发布于:2016-06-11 14:00

十个页面计划窍门
在做网站时会遇到许多的疑问,所以页面计划师一般要扮演多种人物,并且要把握怎么构建一个有用有用的网站计划知识。
你在页面计划所学到的大多数经验都来自作业经验。学习是一个反复持续的进程,并且没有比犯错非常好的方式来取得知识(从过错中学习)。在本文中,咱们将评论10个主要并惯例的窍门,这是每位页面计划师菜鸟都应当知道。
1. 优化图像,取得非常好的页面加载速度
学习怎么经过挑选准确的格局,来优化页面图像,并保证文件巨细在可行的规模你是满足小的。尽管现在大家现已都在运用宽带,但仍然有人是拨号上网。此外,尽管移动装置技能的遍及,但移动装置却不一定支撑像宽频相同的速度,图像文件的巨细或许仍是会延伸页面的加载时刻,有或许把用户赶开的。
这里有个挑选适宜的文件格局的窍门:假如图像是单色,那最佳保留成PNG或许GIF格局;假如是连续性的颜色(如相片)则最佳保留成 JPG格局。




有许多的东西能够帮忙你进一步优化你的图像,下降他们的文件巨细。能够参阅这个东西列表来帮忙优化你的图像。尽量把图像数量减到最低,并且灵敏运用图像,并且尽或许地减小文件巨细。如此一来,将能够大大的削减页面的读取时刻和改进页面的性能。
2. 坚持洁净和简略(即:简练)
一个好的页面计划不但仅仅看起来美观罢了,还要是用户友爱型的。一般来说,一个洁净、简略的页面计划终究会变成一个可用性高的页面计划,由于它在与用户的交互中不会使其产生混杂。当页面上有太多的网站功用和组件时,将会涣散网站用户的注意力而失掉本来阅览网站的意图。保证每个页面元素都有其意图,然后问自个以下疑问:
是不是真的需求这个计划么?
这是啥组件是做啥用,它怎么帮忙用户阅览?
假如我俄然删去这个组件,大多数人会期望它“回来”吗 ?
怎么把这些元素和方针、音讯和网站的主旨相互联系?
此外,尽管它或许是一个超酷的新概念或界面计划方式,但你仍是要保证对你的用户而言该计划仍然是便利和直观的。大家习惯于通用性的交互方式、网站功用、和网络接口,假如你的计划确实很共同,保证它不是太含糊和不流畅。
要有构思,但还要坚持简略。
3. 导航(条/栏)是最主要的计划
一个网站最主要的有些即是全部网站的导航。没有它,不论在哪个页面中,用户都会发作卡在这个页面离不开的情况。有了这明显的实践方向,咱们将评论一些建构网站导航时主要的点。
首先,在网站的导航构造上,投入满足的时刻和许多计划是非常主要的。尽管这是知识,但仍然有许多计划师想当然地计划网站导航。
摆放方位、风格、所用技能(javascript或CSS)、可用性和页面易读性,这些是你制作导航计划时需求思考的。
在没有CSS的情况下,你的导航计划应当也是可用的,这是根据文字根底的阅览器相容性。你能够尽量去讪笑文字根底的阅览器,但它们在许多的移动设备上仍是流行的。或许更为主要的是,对屏幕用户来说(99.99%的情况下),没有CSS的导航功用照样可用拜访。
在没有客户端技能情况下(如JavaScript或Flash),导航功用应当简单进入和运用的。用户或许因安全性或公司方针而没有敞开或装置。
所以,拟定一个导航系统能够放置的杰出方位是有必要的,例如放在一个显眼可见的当地。一个好的导航功用,只需页面载入就出现,而不需求鼠标再向下滚动。这是为啥页面要坚持洁净和简略的主要作用,一个复杂且非惯例的计划或许会让用户迷惑。
哪怕只要一会儿,用户也一定不会疑惑:“网站导航在哪里?”
最终,对网站树立阶级构造,多层次的管理。保证它在父层与子层之间易于导航。此外,不论在哪一个页面当中,也应当能很简单抵达最高层的页面(例如网站首页)。
最主要的方针即是你的网站导航,尽或许削减操作(动作),尽力而让用户抵达他想要阅览的内容。
4. 准确和有条理地运用字体
尽管有不计其数的字体,但你真的能用的仅仅一小有些(最少要比及主要的阅览器彻底支撑CSS3)。
所以坚持运用页面安全字体。假如你不喜欢页面安全字体,能够思考运用sIFR或Cufon逐步增强的页面计划。
坚持字体的一致性,承认标题和阶段的内容看起来有所不一样。运用空白、调整行高、字体巨细和字母间距特点,运用户轻松开心地阅览和扫描内容。
或许一个页面计划师常常犯的过错即是运用不对的字体巨细。由于咱们想尽或许的将内容都塞在一个页面中出现,所以咱们有时设置字体巨细而让用户感觉到不舒服。假如或许的话,尽量坚持字体巨细12像素以上,特别是对阶段内容。尽管许多没有遇到由于字体太小而形成阅览上的艰难,可是想想老人家、近视眼和别的相似视觉障碍的族群吧。
5. 理解颜色无障碍性
说完字体后,咱们还需求指出运用准确颜色的主要性。例如,黑色文字在白色布景,假如运用高对比度,橙色布景上的赤色文字会令你的眼睛感到严重。
此外,运用一些对特别方式色盲的用户友爱的颜色(检查东西名为Vischeck,能够测验某些类型的色盲)。




有些颜色组合只适宜运用在前风光的有些,而不适宜做布风光。举个比如来说,深蓝色的文字调配粉赤色的布景与粉赤色的文字调配深蓝色的布景,都是运用两种相同的颜色,但用在不一样的有些则影响了它的可读性和阅览的舒适度。主要的是,不只要运用杰出的颜色组合,并且要把它用在页面中的适宜元素上。




6. 知道怎么编写代码
随著各种所见即所得的页面编辑器充满商场,页面计划现已变成简略的1-2-3过程就能计划好一个网站。但是,大多数页面编辑器掺杂了不必要的代码,使你的HTML构造计划不当,难以保护和更新,致使页面胀大。
经过自个编写的页面代码,能得到简练的代码,能够开心便利地阅览和保护。你能够骄傲地说是自个写出来的代码。但知道怎么运用所见即所得的IDE或预览功用并不会阻碍学习
HTML和CSS。你要知道发作了啥工作,才能发明有用并高度优化的页面计划。
7. 不要忘掉搜索引擎优化
在计划网站时,一个好的页面计划师应当永久牢记根本的SEO概念。例如,页面内容构造、用文字表示标题(即页面的标题和象征)。此刻,曾经学习的怎么合理编码的才能就派上用场。知道准确、语义和根据规范的HTML/CSS
后,你会很快知道到Div比表格计划好得多,不只更为准确地展示内容,并且对搜索引擎排行也有帮忙。另外,知道用CSS替换布景、文字和图像也是一个好主意。
8. 理解人是没有耐性的
普通人用几秒钟就决议是不是要阅览更多页面内容或到另一个网站。因而,作为一个页面计划师,要有个好方法,能在这珍贵的几秒钟鼓舞用户挑选前者(看更多内容)。
要知道,假如用户在页面头部看不到感兴趣的内容,没有多少人会向下滚动,去检查全部页面的内容。所以,在页面头部很简单看到的当地放置网站上的主要元素,但也不要过度拥堵在上半有些页面,否则会吓到用户,而不会往下持续看内容。记住上半有些页面计划的卖点:视其为推销员,使大家有采购主意,即他们想在你的网站上看到啥。
9. 了解(并意识到)阅览器的兼容性
当一个页面计划师有必要要知道的一件事,即是你的作业环境(阅览器)是挑剔和难以预料的。假如你的页面计划只能运行在的几种页面阅览器,那是不够的,你需求尽或许多阅览器下测验。这里有一款东西Browsershots,能够测验阅览器兼容性。
10. 使计划有灵敏性和可保护性
一个好的页面计划师能够保证以后能够很简单更新或修正网站。计划一个有可塑性、易于保护的网站,是一个巨大页面计划师的象征。让你的作业尽或许从构造化转向模块化。
页面计划这个行业是动态的,并且还很“年青”。工作通常在短暂中变化。牢记这种思维,将推进树立愈加灵敏的页面计划。
那么,你的页面计划窍门是啥?








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

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

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

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

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

本版相似帖子

游客