网页设计草图距离间隔 第1篇
Pencil这个软件，上手并不难，但是用的时候你可以强烈地感受到它的优缺点：
总的来说，Pencil毕竟只是用来快速绘制GUI草图的工具，功能不必太多，绘制时，字体、换行什么的恐怕不是太重要，最重要的是各元素的位置以及元素的搭配，Pencil显然可以做到。这次绘制的网页比较简陋，没能完全体现Pencil的功能。Pencil内置的元素非常丰富，可涉及的场景很多，除了网页，iOS与Android上的界面也可用它来设计。
网页设计草图距离间隔 第2篇
. 课习题
根据章识，“网站”创建站，站“网站”，创建保存网页素材图件夹网页件夹，站管。站，建“”页，页标题“网站——页”，设置适页背景颜，页“微软雅黑”。继续创建“简介”页件，标题“网站——简介”，设置该页页具背景颜式。
素材置：……\素材\课习题\习题素材\\……
效置：……\素材\课习题\习题效\\……
网页设计草图距离间隔 第3篇
这是一个经验值，我个人最长采用的行间距是倍，不同的产品对这个值要求可能不同，比如下图正文字号是16px，间距是24px
对于中文来说，常用的字体大小12px、14px、16px、18px等偶数大小，在IE6和IE7设置其行高也为偶数能解决一些特殊情况下的字体对其问题。
在这里我加入了1倍间距，做设计的同学会感到奇怪，其实这个间距是针对word上面的正文排版，常用的是1倍－倍。过大就不方便阅读。这是跟网页中行距的区别。
网页设计草图距离间隔 第4篇
.. 建网页档
建档。
.“件”板建档
户建默“-.”件。
“件”板鼠标右键单击根件夹，弹捷菜单选择“建件”令，图-示。
单击“件”板标题栏右侧“板菜单”按钮，菜单选择“件”→“建件”令，图-示。
图- 捷菜单建档
图- “件”板菜单建档
.欢迎屏幕创建档
欢迎屏幕“建”组选择选项，速建类型件，图-示，选择“建”→“”令即创建档。
.菜单令创建档
选择“件”→“建”令，“建档”框，根据需选择选项建档，图-示。
图- 欢迎屏幕创建档
图- “建档”框
网页设计草图距离间隔 第5篇
在网页设计中，间距是非常重要的一部分，可以对页面的美观度和可读性产生很大的影响。常见的间距有以下几种：
1. 外边距（margin）：指元素与相邻元素间的距离，常用于控制元素与页面边缘的距离。
2. 内边距（padding）：指元素内部内容与元素边界之间的距离，常用于控制元素内部布局和样式。
3. 行间距（line-height）：指行间的垂直距离，常用于控制文本的行高和垂直对齐。
4. 字间距（letter-spacing）：指字母与字母之间的距离，常用于控制文本的紧凑度和美观度。
不同的间距应用场景不同，具体应根据设计需求和风格来选择合适的间距。
网页设计草图距离间隔 第6篇
文字字号，18px，20px，24px，28px，32px， 根据内容需要选用就好，并不是单数字号不可选，而是我个人喜好双数哈哈。为了让网页排版更好看，这里有个技巧，增加字号对比，在app界面设计中，标题与正文的文字差不会过大，以iPhone7尺寸为例，标题36号，文章正文可选34px，32px，30px。而在网页上极差关系可以做的更大，更夸张，标题30px正文12px，这种做法可以让网页众多的文字信息，分清层级主次，用户更有视觉焦点。这一原则，不适用在移动端。移动端我们可以通过颜色，字重，等其他方式来做极差关系。
文字边缘 锐利？浑厚？无？平滑？这些怎么选择
首先要知道一点，_无，锐利，犀利、浑厚、平滑_，都是指文字边缘的处理。
说白了这种形式就是为了在视觉上产生良好体验，加了_羽化_效果。
具体在设计中，我们应该如何做出选择？简单的来说12px以下，18px以上可以选择锐利或者平滑这样没有锯齿，其余可以选择无。微软雅黑 字体边缘选择window或者window LCD 其他字体的话基本上用window或者window LCD基本上没什么问题。
FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：
网页设计草图距离间隔 第7篇
垂直高度是指元素在垂直方向上所占的空间大小，包括元素本身的高度和元素与相邻元素的间距。
在设置垂直高度时，应注意以下几点：
1. 遵循页面整体风格和设计需求，确保布局合理、美观。
2. 根据元素内容和用途，选择合适的高度和间距。
3. 使用CSS样式表来设置高度和间距，避免出现样式冲突或错误。
4. 在不同设备上进行测试，确保页面在各种分辨率和屏幕尺寸下均能正常显示和排版。
总之，在网页设计中，间距和高度的设置是一个重要的环节，它能够直接影响页面的质量和用户体验。需要设计师在设计时仔细考虑和把握，选择合适的间距和高度，才能让页面既美观又易读。
网页设计草图距离间隔 第8篇
下载安装之后，我们打开Pencil，会看到如下界面：
然后最左边，内容最密集的区域即“Shapes”区，最左侧栏是不同场景下的元素集合，我们可以从不同元素集合挑选任意我们想要的形状元素，然后把它直接拖入中间的空白工作区即可把它添加到草图中：image
工具栏在最上方，便于我们进行一些常用快捷操作。
最左边是复制、剪切、粘贴：image
再往左是工作区试图的放大、最大、缩小：image
再往左是只有当选中多个元素时（只需在工作区按住并拖动鼠标就可选中）按键才会可用：image
这些按钮的作用依次为：左对齐、（垂直方向上）居中对齐、右对齐、上对齐、（水平方向上）居中对齐、下对齐、使高度相同、使宽度相同、使水平间隙相同、使垂直间隙相同。
最后是尺寸与位置：image
从左到右对应的是与左侧边界距离、与上方边界距离、锁定位置、宽度、高度、倾斜角度。
左上角按钮作用是文件的打开、储存、导出以及应用设置等等：