在网站模板设计过程中，UI设计是属于视觉设计，通过改善网站的视觉效果，体现出网站的高级感，使得网站模板更有设计感。UI设计主要通过设计层次、字体、结构、对比、透明度的处理等等元素的调整，来达到优先的效果。
    第一、通过字体和颜色来创造层次结构，不是仅仅靠大小进行对比。网站模板设计时，单纯地通过字体的大小来突出对比是不够的，可以结合颜色和字体创造出更明显的对比效果，建议选择两到三种颜色。主体内容供选择深色系列，次要的内容可以选择灰色，辅助性质的内容可以使用浅灰色。
    第二、在有色的背景上不要选择灰色的字体。网站建设的时候，如果是在白色的背景下，可以选择灰色的字体，这样可以淡化视觉效果。但是在彩色的背景下，就不会有这个效果了。在白色的背景下，使用灰色比黑色的字体，可以降低对比度。而在色彩的背景下，想要降低对比度，有两种方式。其一，降低白色字体的不透明度。这样就可以使得背景的颜色透过一些，这样就可以在不冲突的情况下，降低前景颜色和背景颜色的对比度。其二、在背景色的基础上选择字体的颜色。其三、阴影设计。与大范围扩散模糊阴影相比，垂直偏移的阴影设计在效果的表现上更明显。
    第四、不要随意放大小图标。设计网站模板着陆页的时候，为了突出产品的功能，常常会通过大图标来加强视觉效果。虽然放大矢量图，清晰度还是比较好的，但是在专业度方面就比较差了。因此不要随意放大小图标。
    第五、使用有颜色的单边边框。网站模板的UI设计想要提升吸引力，可以适当使用有颜色的单边边框，这样一个简单的页面就会变得生动起来。
    第六、不是所有的按钮都需要设置颜色。设计网站模板的按钮时，在配色方面我们要按照以下三个原则：1、主要操作的按钮要明显，建议使用实色、高对比度的按钮。2、次要操作的按钮要比较明显，可以采用幽灵按钮，或者是使用和背景颜色对比度比较低的颜色。3、三级操作的按钮可以设计为链接。