400-609-4309

有关网页设计的专业问题

有关网页设计的专业问题

无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或美丽的图片,而是网页的色彩。下面介绍有关网页设计的专业问题,希望对您有帮助。

有关网页设计的专业问题

一、网页设计要注意网站的整体风格

网站的整体风格及其创意设计是最难以学习的,难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站来。 风格是抽象的,是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的(标志、色彩、字体、标语)、版面的整体布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等, 在这里郑州网站设计小编就给大家提供一些网站设计者的一些参考经验:

1.将你的标志logo,尽可能的放在每个页面上最突出的位置。

2.突出你的标准色彩与搭配。

3.总结一句能反映贵站精髓的宣传标语!

4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!

二、网站设计要注意网页色彩的搭配

无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或美丽的图片,而是网页的色彩。 关于色彩的原理有许多,在此我们不可能阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。

三、网页配色中,还要切记一些误区:

1.不要将所有颜色都用到,尽量控制在三至五种色彩以内。

2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容等。

网页排版设计中常见的问题

1、形式重过功能

这也是老生常谈。你可以追随近年的设计趋势,找个独特的字体设计一组炫酷而独特的海报或者Banner,做的非常的艺术。但是这样的设计可能会存在阅读障碍,读者需要耗费很长时间来分辨它的内容,那么这就是明显的形式重于功能了。如果你决定这么设计的话,最好平衡一下艺术性和可读性——也就是它的功能性。

2、过度强调

有时候你需要强化某个部分,会在视觉上进行强调,让它从整个设计中脱颖而出。文字部分常见的手法很多,斜体、粗体、下划线、大写、增大字体大小,等等。但是千万不要将所有的强调方式都用在同一篇文字同一个段落中,这样会让它看起来凌乱不堪。

3、全用大写

同样,这是一个在英文情况下常见的设计误区。在标题中全用大写,这个没问题,段落中如果偶有需要强调的地方用大写也说的过去。但是在此之前,要保持约定俗成的最基本的使用习惯:标题大写,正文小写。

4、忽视层次结构

在排版中,层次这个词是区分文本和不同元素的重要性区别的学术性说法。以我们所熟知的报纸为例,标题阐述核心,尺寸最大,文字大写,粗体强调,其次是副标题,字体小点,文字不再大写,再其次是正文,字体最小。如果打破了这种层次结构,用户会迷惑。哪个重要哪个其次,傻傻分不清楚。

5、不对齐

设计原则中,对齐是最重要的几项之一。对齐会让文字排列有序而合理,视觉上统一而一致。不同的对齐方式混合在一起会产生随机的间距,难看且阅读困难。

6、使用对齐工具

想要让排版对齐最好的方式就是打开软件的对齐工具,现在的排版和作图工具都有相关的对齐辅助工具,在它们的辅助下让你的排版更加整齐吧。

7、粗糙的边缘

这种问题在英文排版中更常见一些,中文排版中这种问题实际上并不严重,诸如Office一类的工具会自动帮你微调,而更专业的排版软件中也有相应的算法帮你解决。英文排版中这种问题更多,需要你细心处理调整,实际上这并不是什么特别复杂的事情,重要的是细心。

8、添加特殊效果

一般添加特效是个不错的思路,但是必须使用得应景。许多自带的字体特效,诸如3D字体、大阴影、扭曲特效,都很容易让设计看起来廉价而过于花哨。多看时下流行的设计范例,克制随意添加特效的冲动。

9、在重要项目中尝试新效果

在重要的项目中测试新的设计手法、特效和有趣的字体并不是一个靠谱的方案,也不是合适的时机,甚至不是一个专业设计师应该做的事情。这种手段过于冒险,因为新的手法极有可能并不实用可靠,如果你相信自己的直觉也应该在其他的非重要项目中进行试错。

10、忘记审核

设计需要严格把关,做完设计之后不审核是不负责的行为。设计完之后,最好通读全文,做拼写检查,确保没有语法错误、印刷错误,这也是设计的一部分。

网页设计的专业建议

1、 首先将你的想法在纸上画出来

这是一幅世界各地不同年城市特色建筑的草图,每个人开始设计之前都会在纸上画草图,但是很多设计师都跳过了这一步,没有考虑到他们将会面临的问题。设计就是要解决问题,但是这些问题通过渐变、阴影设置是解决不了的,只有通过调整布局和层次结构才能解决。所以在你开始设计之前,一定要先想好布局。

2、 描绘一个顶层框架

描绘一个基本的框架可以帮助你解决UX方面的问题,同时规划布局。当我接手一个项目的时候,做的第一件事就是建立一个顶级框架,这样可以解决所有的设计问题。这个框架是指环绕在内容周围的UI,它可以帮助我们执行操作,更好的操纵页面。它包括导航和组件,比如侧边栏和底部的按钮。

如果你通过这种方式来做设计,在不看主页的情况下,你也能清晰的知道应该怎样布局。

有关网页设计的专业问题

3、 给PSD添加网格

这是一个有978个网格的PSD文件,每条线的宽度为10PX。画网格做起来就像听起来那么简单,虽然你不画直接开始设计完全可以,但是我相信设计出来的作品绝对没有画了网格好。网格的好处就是帮助你构建不同板块的布局,起一个指导作用,帮助你制作响应式模板。

4、 选择你的字体

网页设计中很重要的一个原则就是一个网页中不要出现两种以上的字体在一个项目中,寻找好看的字体也是很重要的一部分,但是我要提醒你,在同一个网页中千万别使用两种以上的字体。选择字体的原则就是要易于用户阅读,尤其是文字很多的页面,文章标题的字体可以有趣一些,这样能吸引用户的注意。在使用字体的时候不要畏首畏尾,个头大不是问题,只要整体看起来很和谐生动就行了。

5、 选择合适的颜色主题

使用有限的颜色和色调,减轻用户的视觉压力。 在选择字形的时候,你就应该想好用户界面、背景、文字该用什么颜色。我建议你在颜色的原则方面一定要有节制,别想到哪个用哪个,最后五颜六色乱七八糟的,这也是大忌。

在这一步中,你要根据每个元素的功能选择颜色,并且在用户界面中,相同的元素颜色一定要一致。你可以观察一下facebook、推特、quora、vimeo等等网站的页面,在不干扰功能组件正常使用的情况下,除了用户界面,它们的插画和平面细节没有任何颜色限制。

6、 分开布局

网页结构越简单,用户使用越容易在网站中,每个模块都要有个故事,要给用户一个浏览的理由和最终的结果。而设计的作用就是强调这个故事中最重要的那部分。在现实设计中,主页面不能将所有的信息都显示出来,所以你必须在主页先告诉用户“进了这个网站你能做什么”。

发挥你的聪明才智思考一下你能想到的极简页面,有最简单的目标和必要的构件。最后你会发现,原来保持简单这么困难。

7、 重新思考

我们真的需要搜索按钮吗?在很多案例中,答案是否定。作为一名设计师,是我们一手决定了用户浏览因特网的方式和界面,由你决定用户进一个页面需要多少步骤、一个网页效率有多高。在设计完之后,一定要多测试,发现漏洞,及时修改,这样才能做到极致。

8、 关注细节

正在制作中的游戏,细节展示这句话你应该听过很多次也记住并实践了,但是在最终的产品中却看不到。细节可以是一个小互动,一个出人意料的动画,或者是一个漂亮的渐变按钮等。我相信如果你真的喜欢手头的工作,那么小细节肯定会有的

9、 每个组件都需要被温柔善待

认真对待每一个组件,最终的结果一定比100分要多。这句话我听了不下一百遍,但每一次都被深深地震惊了。在你设计每个组件的时候,你要这样想:爷设计的组件随便拿一个出去都可以得设计界的奥斯卡。只有这样,整个网页出来后的效果才能惊艳众人。

10、 整理你的PSD文件

在用PS做设计的时候,整理PSD文件是一项很重要的工作。除了整理项目的大小和顺序,你还要保持文件的整洁,这对前端工程师的工作是很有帮助的,能加快整个项目推进的速度。

关于初学网页设计的个人建议

强烈的设计愿望

必须是强烈的,为此可以给自己准备一些自己喜欢的题目,比如,如果你个业余爱摄影的人,可以试着给自己设计一个展示照片的网站,先抛开外观设计的好坏来说,功能上你永远是最了解自己需求的人。

这一点除了是自己的切身感受以外,也有人曾给我提起过同样的观点。因为无论如何,这样可以让自己先体会到做网页设计的特别之处 —— 交互方面的需求,尤其是相对从平面转过来的人而言。强烈的满足自己愿望的动力,会让你更容易体会到如何把自己的心思体现到这个作品上。相反,效果一般。

先临摹到自己满意,别理会那些“直言不讳”的笑声

欣赏作品固然重要,但眼过千遍不如手过一遍也是有一定道理。新手在学习中去临摹自己喜欢的网页设计作品,照着画出每个元素,除了熟悉软件操作外,更重要的是能熟悉很多Web中的常用元素,比如在什么位置出现社交网络分享按钮,比如大多数网站的版式设计都是有一定规律和规范的,尤其是这点,这是很多初学者经常出的问题——随心所欲的布局和对齐方式。

一开始临摹,绝对很难达到能令经验老道的人感到满意的程度,但是管他呢,先让自己满意,自信是做得更好的动力,所以我不完全认可在高手指责调教下获得进步的方式,除非想连心理素质一并锻炼了,那倒也不错。不过我是在别人和自我鼓励中,不断成长的,失败不完全是成功之母,我一直觉得更卓越的成功来源于上一次的成功经验或者良好适度的自我体验。

在此过程中,再去从欣赏优秀作品中来发现自己的问题,然后想办法解决问题。在这个阶段我的经历中,我记得自己每隔一段时间再回头看自己之前做的东西时,会觉得特别不满意,经过一次又一次的自我满意和否定之后,水平会逐渐提高,至少做出的东西逐渐开始规范起来了。

别死抠知识点,把自己钉死在框架里

我觉得从各种书中肯定会看到很多知识点,作者们反复提及某一个点也许会让初学者误认为是需要严格遵循的规律,比如人们常说网页设计中颜色最好不要超过三种,否则看起来很乱,其实是“最好不要”,但有时候我们不自觉地会有意限制自己,我觉得这谈不上对错,只是假如你虽是一个网页设计新手,但之前有过很好的平面设计基础的话,如果你感到有驾驭色彩的能力时,不应限制自己的发挥。

同样,如果因为当下更流行的Flat Design(扁平化设计),而不顾需求一味地去否定被一些人对立起来的Skeuomorphism(拟物化设计),那也是把自己钉死在框架里,我认为在合适的事情上,用合适的方法就够了,只要能达到预期的效果,不必刻意迎合。

别把作品和自己都塞的太满

瓶子满了,需要清空一下才能灌入更多的水,同样也适用于自己的学习。我曾试过上午学习网页设计,下午研究Web前端,还要在RSS订阅器里看很多专业博客,我觉得这样特充实,毕竟要做个对自己有要求的人,而不只是光嘴上说说,这没错儿,不过一下塞太满了,到头来,真正能转化应用到自己工作中的东西,寥寥无几。

具体到作品的设计中也是一样的,学会合理留白,可以给欣赏者更多进一步的想象空间,让作品有呼吸感,因为没人喜欢被捂住鼻子超过哪怕一分钟的感觉。

总之,我一直觉得,“空”,绝对是一种很牛掰的思维方式。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章