
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
随着互联网的不断发展,越来越多的人都在通过参加达内UI设计课程来实现互联网行业的转型发展,而本文我们就通过案例分析来简单了解一下,UI设计网格的应用构成分析。
1、网格的构成–大体结构:
–版面:版面是页面中所有构成部分的总和;
–版心:版心是页面中主要内容的所在区域;
–外缘留白/外页边距:外缘留白或外页边距有助于讲文本框纳入整体的设计中;
–订口:订口是装订时所需要的留白,通常存在于两个页面之间的折叠部分;
–栏间空白:两个栏目之间的分隔区域;
–底部留白/底页边距:页面底部的留白区域;
2、网格的构成–局部结构:
–空白:空白可以提供如注释和说明文字等二级信息。
–基线:基线是网格的基本结构,用来引导文本和其他元素在设计中的布局。
–栏目:栏目是有组织的放置正文的地方,并让读者容易阅读;
–空间区:空间区可以为文字、广告、图像或其他信息构成特定区域的模块组或栏目组。
–模块:模块是给网格内图像元素留出的空间,相连接的网格可以建议建立不同的行列模块。
–标志:标志能标明出现在同一位置的素材的方位,包括页数、页标题和页脚(标头、页脚),以及图标;
3、网格的度量–文字
文字经常以绝对单位磅来计算的。对于确定的长度,绝对单位能提供一个固定值,这便意味着设计师能有效的控制文字和基线之间的关系。文字和基线通常使用磅值(pt)来进行计算的,用毫米算也行,但要注意的是将文字和基线放在同一个度量单位下进行计算,这样会好做计算。
4、网格的度量–图像
数码图像被用于设计时,通常是按照百分比缩小的,或者可以在程序中重设尺寸以适应特殊的空间要求。尽管如此,为了保证良好的印刷质量,印刷时图像的分辨率至少要保持在300dpi。而在屏幕上显示,其分辨率则至少要保持72dpi。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。