给新手学做网页的20个技巧

2017-07-28 17:41失无所失18 的分享

  新手如何做好网页设计?在这里小编整理了给新手学做网页的20个技巧,每一个网页设计新手在开始一个项目之前都应该了解这些知识,在项目开展中也应该注意。下面一起来看看吧!

  给新手学做网页的20个技巧一:将你的想法先在纸上画出来      敢想敢做,有想法就应该画下来

给新手学做网页的20个技巧    三联

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

  02.描绘一个顶层框架

 UX sketch

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

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

  03.给PSD添加网格

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

  推荐工具《PS 参考线插件GuideGuide下载及使用说明》

  04.选择你的字体

 typography

TA发布的帖子

586

收藏

582