在信息互联年代,网站就像一个企业的名片,拥有一个出色的网站可以帮助企业树立好的形象,是企业进行自我宣传的工具。
但在网站建设与网站建设的过程中除去要看重网站内容的丰富性和灵活性,还要保证网站建设的视觉成效,这会给网友带来全新的视觉体验,从而对网站的传播起到事半功倍有哪些用途。
那样网站在前端开发设计过程中,如何去优化呢?
网站品牌
(1)logo。选择一个带有非常棒的 logo 的网站或者博客是一个瞬间获得信赖感的好办法。
(2)favicon。上传一个支持 retina 屏幕的 favicon(在浏览器标签上显示的正方形小图标)。大多数网站的 favicon 都是 16x16 像素的,在 retina 屏幕会看上去模糊。假如用 X-Icon Editor 生成 64x64 像素大小的 favicon,屏幕会看上去明确一点。
(3)色彩用。建议最多用 2-3 种颜色。包含背景色、文字点击前、点击时、点击后鼠标或触碰前后实行的颜色成效;建议不要用纯黑色(#000000)。在网上用纯黑色看着不适合。事实上,黑色应该一直作为其它颜色的深色阴影。
网页排版
(1)字体样式用
最多用2-3种字体
用更多字领会看上去杂乱,并且减慢加载时间。
(2)根元素字体大小
设置body的字体大小最小为16px,更小的字体在大屏幕中不便捷阅读,若是手机端页面可以考虑的最小值为 12px。
(3)字体图标
选择一种自概念图标字体,譬如 Font Awesome,来代替图片和其它一些元素;譬如社交媒体 logo、导航按钮、交互图形等,图标字体的加载速度更快,可以任意缩放,并且可以随便更改图标颜色。
用户界面
(1) 添加鼠标悬停 (hover) 和鼠标点击 (active) 状况的样式给链接、按钮、输入框和文字地区。比如选择在鼠标悬停时让按钮颜色变亮,那你也应该对于链接和输入框的边框给出同样的样式。
(2)维持表单样式的一致性。所有些文本地区和输入框都要有相同的样式。包含相同的边框颜色、背景颜色、悬停状况、点击状况、占位符文字、点击状况文字等。
(3)链接的颜色。改变已经点击过的,让用户了解他们已经去过那个页面。
(4)一旦拥有了我们的 logo、颜色、排版、布局和图像大小,则打造一个统一的风格指南。
客户体验
(1)微交互。在按钮和其它表单域元素用微交互 。譬如,点击上传按钮之后,提示文字可以变为 正在上传 或者 处置中。
(2)标题。用标题、副标题、头段落、列表、表格标题叫你的内容更容易被检索。大多数人在浏览网页前,都会先检索一遍全文,再决定是不是阅读。
(3)占位符文字。添加描述性的占位符文字到你的表单、输入框和下拉菜单。假如你想要让浏览者用某种特定方法来填写表单,你应该引导他如何做。
(4)表单验证。往表单添加表单验证,让用户在提交表单时可以了解地了解什么部分出现填写错误。
网页名字网站在前端开发设计过程中如何去优化呢