从细节着手做好网站建设工作

2022-06-23    分类： 网站建设

1）文字
设置正确的font family以保证在不同操作系统中都能以最优的字体显示中文、字母、数字、标点。
针对以中文为主和以英文为主的内容、字体大小不同的内容，设置不同的行间距。

在Windows、宋体为主的环境下，字体不要小于12px，不要使用斜体，避免使用粗体。


2）内容尺寸

对于文字内容为主的页面，往往可以利用最小文字的尺寸（或接近这个尺寸）、并且能整除标准页面宽度的尺寸，作为网格的单元尺寸。
使用网格设计法规范内容的尺寸，让布局看起来整洁有序。

设置内容宽度是固定还是可以延展。可延展的内容宽度能充分利用屏幕空间，但是过宽的内容反而妨碍阅读。


3）对齐
使用网格设计法规范内容的对齐，让布局看起来整洁有序。
在横向上不要使用过多的对齐基准线。如果横向有5、6个对其基准线，几乎等于没有规范对齐。

英文在左对齐或右对齐的时候、另一侧参差不齐，居中对齐的时候两侧参差不齐，有一种美感。中文则往往更欣赏整体接近方块化的布局，尤其是对于高密度内容，需要慎用参差不齐的形式。


4）间距
间距单元尺寸的制定，由网格单元尺寸、字体单元尺寸共同决定。
尽量少使用几种不同的间距尺寸，间距类型过多让布局显得凌乱。

间距是非常有效的形成内容区块的方式，并且微妙而不强烈。相比使用背景色、间隔线，用间距形成区块往往更具品质感。


5）颜色
主体颜色尽可能不超过3种（黑色和白色如果作为背景色和文字色，不包括在内），主色、强调色、辅助色。
在同一种颜色上，可以根据需要发展出同色系的辅助色。
如果使用过浅的颜色，有可能在某些显示器上看不见。同一颜色在不同的显示设备上显示效果往往不同，往往绿色的偏色尤其严重。
实际工作中，常常可以把上面的内容总结成“3”的原则：基于网格设计内容布局的尺寸、对齐、间距，使用不超过3种字体大小、3个对齐基准线、3种间距尺寸、3种颜色。
对于，国内的网站，有哪些细节设计给你带来好的用户体验？又有哪些值得我们学习借鉴呢？您也可以例举一些给您留下深刻印象的用户体验，欢迎与我们分享。

分享标题：从细节着手做好网站建设工作
转载来源：https://www.cdcxhl.com/news2/170702.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站建设等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

网站建设网站维护公司

网站建设知识

同城分类信息