如何做好网站设计

2019.04.15

首先我们要清楚视觉设计在整个产品中的作用和目的是什么，是给用户提供舒适美好的视觉享受吗，还是为了用户使用产品的时候更顺畅，这些都包括但不仅仅如此，视觉设计还应该传达品牌差异化，让用户清晰地辨识、记忆并喜爱该产品，并以促成业务目标为结果。因此做视觉设计就不能只流于表面形式，应该全面读懂业务需求和用户群的特征，做出符合该业务需求和品牌调性的设计。

UI所做的就是用户最先接触到的东西，也是一般性的用户唯一接触到的东西。用户对于界面视觉效果和软件操作方式的易用性的关心，要远远大于他对底层到底用什么样的代码去实现的关心。要如何才能针对自己的实际情况设计出好的UI呢。
设计出好的UI需要；
1、清晰的界面往往会给用户留下深刻印象清晰的界面，这是每一个UI设计师都必须准从的准则。模糊不清，主题不明确的界面是不会引起用户喜欢的。
2、遵从“简洁但不简单”的设计原则

3、给用户以熟悉的感觉

4、和用户交互，提升页面响应速度

5、布局合理化原则整体必须保持一致风格

6、增加美观度，给用户以愉悦之感
　　

优秀的UI设计师应该具备的条件；
1、时刻保持学习状态与学习主动性。

学习的机会很多，无论是在生活里，你结实一个朋友、看场电影，读一本书，浏览一个网站，看一则广告，随处都暗藏着学习的机会，虽然不一定能学到具体的技能，但至少可以领略到一些精神和获得一些专业上的灵感。

2、一定要坚持不懈的练习！

设计编程在我眼里都是需要动手才能练出来的本事，只看书满脑子的理论完全不行。设计基本功：你可以有计划地练习手绘，提高painting能力我认为对做设计，包括UI 设计，是有好处的。从临摹开始，可以先临摹一些教材上的范例，现有的优秀界面，优秀设计师的作品；在此基础上，时不时可以加上自己的想法情感，搞点原创。总之，“曲不离手拳不离手”要坚持练习，多动手，一定会从中获得很多的经验！

3、基础理论和基本技能不能忽视

许多设计都有着自己的规范与知识点，这些你可以自己找书看，各种设计专业的书籍可以具体从构图；排版、色彩、图形等方面入手了解一些基础知识。然后学习UI设计常用的软件，Adobe系列的ps ai 算是常用的了，如果对WEB感兴趣的话还可以玩玩Flash,dreamweaver甚至是HTML5等等

4、前期创作建议从不断模仿做起

怎样才能学号UI设计？在刚开始学的时候，大部分人都是不断模仿学起，熟能生巧，通过不断的积累，最终你会学到UI的精髓，当然你的模仿对象要有水准，要选择那些经典的作品。

5、多洞察别人的作品，多阅读，多思考

互联网是一个日新月异的行业，我们建议学院，在日后的界面设计工作中，不可盲目的追赶潮流，要知道，设计是需要一段时间的沉淀才能达到一个新高度。多洞察别人的作品，多阅读、多思考，这样你才能成为一个优秀的UI交互设计师。

写的比较多，也比较乱，但都是我在学习过程中的一些总结，也学能给新入门的朋友们该来一些帮助，少走一些弯路吧，最后祝愿大家学有所成，都能顺利找到UI设计师的工作。

设计出好的ui常用的设计工具和网站；

作为设计师我们，必须要养成一个每天浏览设计网站的习惯，并且大多都是设计师必须每天都要上的网站，但是这些设计师必备的网站有哪些。

一、设计资源网站的归类整理方法

按资源网站类型进行归类是最实用的方法

1.设计社区类

这类网站可上传和发布作品，有更多的设计资源，给设计狮提供好很好的平台

Behance Dribbble 站酷 UI中国

2.欣赏浏览类

这类网站多用于浏览观看，可提供灵感和提高个人审美

Pinterest 花瓣优设网

二、设计资源网站分享

1.设计灵感类

在做作品之前，我们需要找大量灵感参考。

Freebiesbug（http://freebiesbug.com/）

omahpsd（http://omahpsd.com/）

2.图标

Iconfont（http://iconfont.cn/）

3.图片压缩

tinypng（https://tinypng.com/）

更多详细好用的图片压缩资源神器分析和教程，

4.字体

求字体网（http://www.qiuziti.com/）

毛笔字在线生成（http://www.akuziti.com/mb/）

5.图片素材

500px（http://www.500px.com/）

摄图网（http://699pic.com/）

千图网、优界网我想你肯定是知道的

6.色彩搭配

LOLCOLORS（http://www.lolcolors.com/）

uigradients（https://uigradients.com/#Cherryblossoms）

这是一个专门关于渐变色的配色网站，真的是很给力

webgradients（https://webgradients.com/）

这是一个专门关于渐变色的配色网站，你想要的应有尽有

coolhue（https://webkul.github.io/coolhue/）

今年最流行色渐变色都在这里，是不是很给力啊

coolors（https://coolors.co/）

Adobe kuler（https://color.adobe.com/zh/create/color-wheel/）

最后U妹给大家推荐一款超实用的配色工具

Color Scheme Designer（http://www.peise.net/tools/web/）

一个超实用的在线配色神器，对于色彩搭配小白或色彩搭配能力较弱有帮助。

400-6446-365 / 010-64928252 我想要个更针对我需求的方案

上一篇文章： JSP动态页面开发优势和劣势下一篇文章：Java开发网站常用工具

看过此文章的人也看过