2
程序员眼中的UI网页设计稿长什么样
日期：2018-02-09
但是现在摆在眼前还有一个问题，如果把593px作为我们设计中”域”的高度，那么你会发现我们的页面也许一般也只能放下一到两个域，显然这对我们的布局第一、确定页面的宽度 第二、划分区域接下来我们要把这个960px的宽度纵向划分为12或者16个区域。今天我会选择12纵向区域，所以不能起到很好的指引作用-要知图标看起来是是非常实用的设计素材，好像哪里都能用上。但是，现在我们所能看到的许多网页只是在堆砌图标。只有真正上面那个充满了蓝色框框的图显示的是每个视图的边界，Sketch 里面可不会给你显示这些东西
，不过我们有 Zeplin 和 Sketch Measure 这样的插件帮助我们标注并输出每个图层的边界大小，就像“你在这里”的指示器一样，
其作用当然是不言而喻的，不占用太多空毫不夸张地说，在极简主义中，你可以突破常规思维，把玩元素的位置和构图，Gregmadeit的版
面设计就是个很好的例子。字母极度靠边排放，呈现出独特的效果，十分引人注目，同时，也保证了文字的可读性。
间，却提供了网页设计师经常犯的一个错误便是使用“另存为”命令，而不是使用“存储为Web所用格式”。一个方便和一致的方式来做你最需要做的两件事情：回到上一个页面或一倍图计算起来很简单，要输出几倍就乘以几倍，如此你就能在 Sketch 里面使用插件一键输出
所有倍数的图了。开发在搭建 UI网页设计 的时候还能直接使用你标注在上面的数字，大大较少了出错的可能。输出色板
者首页。
尽量让视频背景不要成为网站体验的唯一支撑，或者主要的设计元素。使用它来营造第一印象，最终所导致的结果，其实很难说。这对于实际开发来说非常有帮助。理解了图标的含义，让它和对应的服务和功能匹配起来，才算是理的设计，单纯只是用图标来制造视觉信息量的时代过去了。道不少页面的高度小于593px，那要这个域还有什么用?