科迅电脑培训
专注于IT软件开发、视觉设计、室内设计、模具数控4大方面
java、java、室内设计师、2D施工图设计师、3D效果图设计师、720°全景设计师、室内软装设计师、家具橱柜设计师等课程为一体
快速咨询
机构:中公it 时间:2021-07-30 14:52:16 点击:115
网站设计是许多人的梦想,毕竟现在人都想着在网上给自己安一个家,这样就能被更多的人看见自己的个性。网页设计是什么意思?有哪些技巧?下面就来学习一下。
网页设计是什么
网页设计也被称为 Web Design、网站设计、Website design、WUI 等。它的本质就是网站的图形界面设计。虽然现在我们常使用移动端上的 APP 来获取资讯,但是显然基于个人电脑平台的网站上网方式陪伴我们的历史要比手机久很多:从1987年钱天白教授向德国发出第一封电子邮件到2000年搜狐、新浪、网易在美国纳斯达克挂牌上市,再到现在网站遍地;中国的网站高速发展了近三十年。我是在小学开始去网吧「上网冲浪」的,那时的电脑屏幕非常小,分辨率只有800×600像素(对比一下,iPhone8的分辨率是750x1334px),网速也很慢,经常掉线或者加载失败。那时的网站性能和体验都不好,而现在网站设计和过去已经有了巨大的变化:注重用户体验、注重页面动效、富媒体等设计让如今的网站体验并不比软件和手机 APP 差。加上个人电脑的普及,网站仍然是人机交互中非常重要的平台之一。那么作为 UI设计师我们就必须掌握网站设计的规范和理解网站运行的原理,才能更好地驾驭这个平台。今天就向您好好说道一下网站必须懂得的那些事儿。
字体间距舒适范围
相邻两个文字的间距,其实不需要太过介意,除了特殊的需求之外,都可以使用默认数值的间距。
1、行间距,推荐以字体大小的1.5-2倍作为参考;
2、段间距,推荐以字体大小的2-2.5倍作为参考。
3、当选用14px字体时,行间距:21-28px; 段间距:8px-35px
字体颜色设计技巧
1、主文字的颜色,建议使用公司品牌的VI颜色,可提高公司网站与公司VI之间的关联,增加可辨识性和记忆性。
2、正文字体颜色,保险起见,选用易读性的深灰色,建议选用#333到#666之前的颜色。
3、辅助性的,注释类的文字,则可以选用#999999之类的比较浅的颜色。
如果,你对颜色驾驭能力比较强,你也可以选择偏公司VI颜色的深色,作为正文字体颜色或者辅助性文字的颜色。
例如公司的品牌是蓝色,那么正文就可以选用偏蓝色的深色。这样处理之后,文字就有了环境色,网站整体将更加和谐。
网页实际注意事项
做网页设计时,你还要特别注意网页的首屏内容,在构图和内容呈现上,首屏模块的设计至关重要。
1、除去任务栏,浏览器菜单栏以及状态栏的高度,剩下的是首屏高度。
2、Window XP 的首屏高度平均值为580px, window 7 的首屏高度平均值是710px。
3、综合考虑到 Window XP 已经退出市场,在实际操作时,我们以710px作为依据。
如下图,黄色区域是我们设计时要着重考虑的首屏范围
另外,是关于图片尺寸问题。需要全屏显示的图片,宽度尺寸严格设计为1920px。但是值得注意的是,图片内容的有效范围不能超过网页内容的有效范围,控制在1200px以内,以免遇到小屏设备时显示不全,而造成信息遗漏。
说到这里,网站设计规范部分的内容就算是讲完了,当然上面的所有规范也只是规范,不要因为这些规范去限制自己的想法,规范是用来打破的,设计最重要的还是设计得美观,设计的时候具体要给多大的数值,取决于设计师,规范是用来参考的。
Ps:如果想做一个好的UI设计师,一定要从规范入手。很多都是细节的东西,在于积累。
如果你认为自己的逻辑思维能力很强,想经过学一门技术来获得高薪能力,那你不妨一试,很可能,这就是适合你的高薪之门。
如果你大学学的是数学、大数据收集或分析、统计学、物理学等相关方向,那未来,注定你在这个领域表现不俗。
如果你之前从事的是运维工作遇到瓶颈想转开发岗位,那java将帮助你成功转型。
java语言在Web全栈开发方向也同样表现不俗,如果你未来职业生涯致力于做Web全栈开发人才,那是个机遇。
专注于IT软件开发、视觉设计、室内设计、模具数控4大方面
java、java、室内设计师、2D施工图设计师、3D效果图设计师、720°全景设计师、室内软装设计师、家具橱柜设计师等课程为一体
快速咨询
java编程从入门到精通,从单纯的语法理解到灵活应用解决实际问题,掌握Linux和Windows双系统开发环境,掌握常见数据结构和算法(时间复杂度计算,排序,搜索,栈,队列,二叉树),建立面向对象思维,能对问题进行抽象归类,了解设计模式,掌握单例模式和工厂模式。
java开发环境、变量、异常处理、GIL(全局解释器锁)、深拷贝和浅拷贝话题、私有化、import模块导入问题剖析、再议封装、继承、多态、多继承以及MRO顺序、回顾静态方法、类方法、property属性讲解与应用、魔术方法与属性、with上下文管理器、面向对象程序设计强化理解、闭包、装饰器。