2
网站设计元素
日期：2018-03-01
同样地，大家所说的保持软件的一致性，除了出于美观好用等各方面的考虑以外，其实也是为了更高效地进行开发。对于一套好的 UI网页设计 来说，它上面的几乎所有元素都需要是可以用数字描述的，包括多少像素的圆角，多少像素的描边。以开发的角度来看，只有数字才是描述你的 UI网页设计 的最有效的语言，而有规律的数字才是维持一致性的保证。给大家举个简单的例子，这是常见的网页标签区块，正常鼠标移过会显示主色——橘色，右图我做了一个错误的示例，倘若这个鼠标按钮移过显示橘色且按钮放大，另外一个按钮鼠标移过显示蓝色或绿色、且这个按钮被缩小，这样的交互体验会有点糟糕，视觉上和交互上的不统一会让浏览者使用起来比较难受，也比较突兀难以接受，所以我们都统一视觉元素的同时，交互也要做统一处理。
“只有Web颜色”选项将颜色转换为Web安全色3. 考虑使用JPG的“逐行扫描”选项4. 将图像保存成透明的PNG格式当你需要透明的图片时，PNG格式是你的最佳选择。5. 将动态图片保存成GIF格式GIF图像格式虽然大多数情况下可以被PNG格式所取代，但有一点仍然很有用。虽然这种格式相对PNG和JPG来说显得粗糙，但GIF格式本身有个非常给力的功能，就是支持动画。那么宽度和高度都是确定的，而在网页设计中，高度是不定的，那应该怎么办?数学的魅力在这个时你不想希望视频背景最终给你带来的问题，比它所解决的体验上的需求，还要多。这所导致的直接结果就是用户会动摇，会拒绝继续等待，选择离开。候再次给予我们无穷的力量!那就是黄金分割线。要是你和我一样，在上数学课的时候老是做小动作，千万不要被这个名字给吓到。通过第一步，我已经确认了页面宽度是960px,所以我们可以通过黄金分割的原理来确定我们的”域”的高度。谁知道黄金分割的系数是多少?!答案是1.618。老派的排版，充满古旧感的葡萄酒色，无处不在的纹理和材质过渡。在现代和简约的大趋势之下，这些复古元素已经开始让人觉得格格不入了。