太原天琥教育告诉你网页设计细节有哪些

  没有按照栏目的逻辑来设计页面，也没能为网站的内容进行良好的呈现，这种行为只是单纯的为了自己能在网页设计时方便，从而随意的消减了很多网站的内容。下面太原天琥教育介绍网页设计细节有哪些，希望可以为您带来帮助。

  一、切勿随意添加栏目

  作为美工，这一行为是要避免的，如果随意给界面添加表单、链接、“更多”等需要后台开发才能支持的功能，这样随意添加，就无形的更改了网站较初的需求，增加了项目的工作量，会影响网站的整体功能，同时也增加了后期测试的工作量，另一种可能就是不符合用户的需求，导致后期还需要重新修改。

  二、切勿随意篡改设计

  没有按照栏目的逻辑来设计页面，也没能为网站的内容进行良好的呈现。这种行为只是单纯的为了自己能在网页设计时方便，从而随意的消减了很多网站的内容。

  三、随意切图，不考虑页面动态扩展

  这个一般是美工技术含量不够导致的。切出的图片只能用在一个界面尺寸里，换个页面，就需要重新切图，没有任何扩展性，要结合响应式网页设计的原理，进行合理切图。

  四、图片好看，但是没有实在的意义

  给一个美工一个新闻主题，让他给做一个Banner，但是做出来之后，和新闻主题没有任何的关系，仅仅是好看。还有一些美工，更加对工作不负责任，只是把一个图片做了一下PS，这样对网站的整体效果都是有害的。

  五、整站界面风格

  在后期维护网站的阶段，美工们在制作图片时，没有考虑当前网站的风格，随意变换图片基本色调，在网页色彩搭配设计时，不合理配合网站整体风格，会影响网站后期的优化工作。

  网页设计需要注意的小细节

  对现在的初学者来说网页设计的入门是越来越简单，网路上随便搜寻就有许多的教学或免费工具，但也因为这些太速成的便利性让一些初学者忽略了设计上的小细节;这些细节虽然对于平常人来说是完全无感，可是对一些特殊族群来说却是非常重要的。

  连结文字一定要用蓝色

  很多设计者喜欢帮自己网站内的连结改成其他的颜色，大部分的读者看到不同颜色的文字会滑过去看看是否有连结，但是当一个文章里面有太多颜色的时候，反而会让读者觉得每一个有颜色的字似乎都只是装饰作用而已，建议应该要帮有连结效果的字加上底线，以方便读者辨别是否有连结效果。

  也许有人会问为什么网页的连结文字都是蓝色?为什么不是红橙黄绿其他颜色?因为对色盲来说红色或绿色等颜色容易造成混淆，但蓝色比较不会有这样的问题;红色或绿色虽然醒目，却不如蓝色能让几乎每个人都可以看到。

  脸书创办人祖克伯其实也是红绿色盲，他在2010年接受《纽约客》杂志访问时曾告诉记者蓝色是他看得较清楚的颜色，也因此脸书商标LOGO主要颜色是蓝底白字。

  在处理色盲的问题上利用颜色之外的指示会更有效，例如底线就是一个不错的设计;为了美观拿掉底线，对一般人也许影响不大，但有时候可以再试试看一些方法，尤其是把连结文字改色以后，底线的效果就更加重要了。

  不要锁滑鼠的右键

  锁滑鼠右键一般都是为了防止他人盗文或盗图，但这个动作只能防君子无法防小人，反而会影响到一部分使用者的正常阅读，有些读者习惯阅读文章时会边阅读文字边用滑鼠选取正在阅读的哪一行文字(阿肠本人就有这个习惯)，当你锁住滑鼠右键后选取文字功能也同时被锁定了，如果你的部落格刚好是文字较多的类型，对于读者来说真的很容易迷失在茫茫字海之中。

  虽然这个动作并不会影响到网站美观，也不会像连结文字一定要用蓝色般影响到色盲的族群，但是却会影响到阅读的舒适度，网站阅读的舒适度是许多设计者很容易忽视的一环，如何知道自己的文章是否符合阅读的舒适度，建议各位可以多多参考一些实体新闻或杂志所架设的网站，他们在阅读舒适度上会有比较专业的设定。

  网页在不同环境下的连线速度

  虽然现在的网路连线品质越来越好，但并非所有人都可以在网路满格的状态下上网，所以更该注意网站内容使用的图片尺寸、使用网页特效的多寡。

  图片过大是网站塞车较大的元凶，很多人应该都碰过用手机板连线网路时，明明网站的文字都跑完了，但是图片却迟迟没有出现，通常这都是因为图片过大的关系，阿肠碰过有部落客的一篇文章光图片就超过50MB，阅读一篇文章等于是下载了一整张MP3的音乐专辑……，如果是用家用电脑看也许不太有感，但是在上下班时间的捷运车厢内，或者较偏远的网路弱势地区，那种网路读取的无力感就会很明显了。

  网页特效则是造成电脑卡住的原因之一，大家应该都碰过开启某些部落格时浏览器会变得特别的卡卡，这并不是你家电脑太老旧的问题，而是网页使用的一些特效把电脑的效能吃光了，较常见的案例就是早期一些FLASH制作的网站，所以设计者在制作网站时应该考虑在美观和效能之间抓到一个平衡，如果你不是活动类型网站，请尽量以阅读为前题来设计你的网站方是上上策。

尊重原创文章，转载请注明出处与链接：http://tytianhu.5zix.com/news/110657/ 违者必究！ 以上就是太原天琥设计培训学校 小编为您整理太原天琥教育告诉你网页设计细节有哪些的全部内容。

---

• ← 网页设计技巧有哪些
• 零基础如何自学UI设计 →