网页设计常见的问题
颜色在网页设计中扮演着重要的角色。每个设计师都应该掌握色彩使用的原则,通过应用色彩原则来达到完美的设计效果。下面介绍网页设计常见的问题,希望这些内容对您有帮助。
1.颜色的误用
颜色在网页设计中扮演着重要的角色。每个设计师都应该掌握色彩使用的原则,通过应用色彩原则来达到完美的设计效果。如果你想要一个不错的颜色对比效果,你必须知道如何进行颜色的搭配。好的是,有很多在线工具可以根据你的网站主题和你正在运行的内容帮助你选择完美的颜色搭配。
2.复杂的注册表
填写表格是非常必要的,尽管并非总是如此。复杂的注册表将会对你的业务产生影响。没有人愿意去填写一个很麻烦的表格,尤其是它还有多个字段。简单可行的方法就是拥有一个简单明了的注册表。只问最重要的问题,尽可能的最少化。
3.散乱的页面布局
网页设计师需要知道,对于消费者来说困难的莫过于快速的浏览一个凌乱的页面。为了快速了解网站的内容,许多人都会这么做。要解决这个问题,你的头脑里面应该有一个清晰的结构:你的设计将会是什么样子。不管任何时候都不要让用户觉得难以发现自己要了解什么。规划好你的内容,才能引导用户浏览页面。
4.使用弹出窗口
弹出窗口可能看上去不错,但是会让某些用户感到迷惑并且导致网页转换速度很慢。如果你非得使用弹出窗口,确保使用一个就行了。你也可以使用灯箱,消除所有的干扰项,确保用户能有一个清晰的了解。让你的用户可以毫不费劲的关闭弹出窗口,万一他们对内容不感兴趣呢?
5.失败的内容
如果你使用不相关的、过时的内容,或者你网页上根本没有多少内容,那么你的网站一定会很失败。内容对于任何一个网站来说都十分重要,因为这可以向你的访问者传达你正在运作的东西。确保你网站上的东西要及时更新,质量高和易于阅读和理解。浏览每一条内容以确保没有任何错误,尽可能的提供必要信息。
6.糟糕的易读性
良好的可读性是网页设计的基础,他可使访问者在你的网站上面停留更长的时间,更多地了解你的业务。问题是许多设计师以忽略可读性为代价而过于关注于创新。最终得到是一个华而不实的网站。在这种情况下,为了提供对用户有吸引力的内容,字体,字体大小和颜色的正确选择很关键。
7.凌乱的网页
在客户了解你的业务之前,其中一个可能使他们离开网站的原因就是,你有一个很凌乱的网页。您需要留下足够的空白空间让你的内容“透气”,以便访问者可以轻松的浏览并寻找到他们想要到内容。尽可能地内容最小化,同时为访问者提供足够的信息。
8.使用大量的图像
大量的图片和基于闪存的图形和动画可能看起来很酷,但这会拉慢你网站的速度,并且会让用户变的沮丧。你最不希望就发生的事就是让你的访客体验慢速下载,特别是在移动设备上。他们可能永远都不会去看你的网站上的内容,你也可能会在搜索引擎中获得较低的排名,也很难被消费者发现。尽可能地让你的网站看起来“轻盈”,避免闪存。
9.糟糕的导航
为访问者设计简单可行的导航操作,以便他们随时知道自己在哪个位置。导航的功能是让用户可方便快捷的浏览某个网页。糟糕的导航体验会挫败网络消费者,即使你有最好的产品或服务,但许多人甚至都不了解它。有许多方法可以改进,例如通过将分页纳入设计,使用一页的布局等等。
网页设计与制作常见问题
1.怎样为图像添加指定颜色的边框?
在Dreamweaver的【图像】属性面板中,有一个【边框】属性,可以直接设置边框的宽度。宽度设好了,可是没有颜色,那么如何才能为图像的边框加上不同的颜色呢?可以利用CSS样式表来实现。在【图像】属性面板中一个【类】选项,通过【类】列表框选择【管理样式】,创建一种新的样式,打开【CSS样式定义】窗口,选择【边框】项,为边框设置所需要的颜色。只要把这种样式应用到有边框的图像即可。
2.利用图像编辑中【重新取样】功能制作缩略图
一个很大的图像,完全载入时要花很多时间,访问网页的速度是很慢的,而且网页上显示的所有图像并非对每个人都有浏览价值。解决这个问题的好办法是在网页上制作图像的缩略图。缩略图与图像之间保持一种链接关系,当需要时,才由浏览者单击观看原图。Dreamweaver在图像编辑中的【重新取样】功能,极大地方便了人们制作尺寸可自由控制的缩略图,如一副图像原图50KB,通过缩小重新取样,可以达到1~5KB,这在保持图像全貌的情况下,非常方便访问者浏览,网页下载速度也会明显提高。
3.我想把网页中的Flash背景设置为透明,该如何解决?
使用Dreamweaver可以在网页中插入Flash动画,利用在标记内插入代码wmode=transparent可以设置透明Flash背景。
4.为什么改变不了表格的高度呢?
在使用Dreamweaver制作网页时往往需要改变表格的高度,然而有时拖动表格的边框,无论怎样拖动,等到放下鼠标,表格却又恢复到原来的样子。出现这种情况的原因在于已经为表格提供了一个固定的高度,当要改变表格的高度,尤其是压缩表格的时候,表格的高度仍然保持原来的设定值,其直接表现就是无论怎样拖动表格的边框,表格的高度都不会变化。在这种情况下,只需要清除表格的高度,然后拖动表格的边框即可。
那么应该如何去除表格的高度设置呢?首先需要选定表格。选定了表格以后,在【表格】属性面板中单击【清除行高】图标,表格的高度设定值就被取消了。这时表格的高度会按照表格的内容自动匹配高度。当然,清除表格高度的方法不止上述一种方法,也可以选中表格,在表格的属性框中直接删除表格的高度值。同样,该方法也适用于改变表格宽度的情况,不过,当选定了表格以后,删除的不是行的高度,而是列的宽度。这样,就可以轻松进行调整表格的高度与宽度了。
由此可以看出,清除行高与列宽的主要作用是创建规则的表格。可以用清除行高与列宽命令,将表格缩到最小,然后再通过属性面板上的【高】选项,重新设置表格的高度,这时一个规则、均匀的表格就出现了。
5.创建表格的技巧
创建表格时,如果开始不能确定它的属性,可以使用默认值,然后再通过【表格】属性面板进行修改。此外,关于表格宽度的设定,一般来说,大表格往往采用绝对尺寸,表格中所嵌套的表格采用相对尺寸,这样定位出来的网页才不会随着显示器分辨率的差异而引起混乱。
6.表格的背景颜色
表格的背景颜色设置既可以是整个表格也可以是某个单元格。一般来说,大表格用一种颜色,某个或某些单元格用另外的颜色。灵活设置往往可以创建出别具一格的网页配色。
7.选择不同的框架或框架集的技巧
要在当前选定内容的同一层次级别上选择下一框架(框架集)或前一框架(框架集),在按住【Alt】键的同时按下左箭头或右箭头键,使用这些键,可以按照框架和框架集在框架集文件中定义的顺序依次选择这些框架和框架集;要选择父框架集(包含当前选定内容的框架集)在按住【Alt】键的同时按上箭头键;要选择当前选定框架集的第一个子框架或框架集(即按在框架集文件中定义顺序中的第一个),按住【Alt】键的同时按下箭头键。
移动端网页设计常见问题和技巧
1、针对移动端网站进行单独优化
移动端网站建设不同于PC端,因此我们就进行网站设计就需要保持导航的使用,并且在设计按钮就不要在拘泥于PC端一些设计经验,我们就需要通过专业移动端技术让移动网站建设或者是移动网站保持跟PC端的体验完全不同,优化好移动端网站更加注重移动端的用户体验。
2、移动按钮友好易用性
在移动端网站优化技巧中,对于移动网站按钮和滑屏的设置就需要简单实用,放置在主要和显眼位置,这样很容易让用户主动触发。但是,前提不能妨碍正常的页面。
3、搜索框居于重要位置
网站搜索功能对于移动网站来说是一项重要的功能,移动端页面优化就需要保持和留住搜索功能,并且这种功能需要居于重要位置。例如许多用户都倾向于使用搜索功能来商品的查找。因此,我们还是要把搜索功能放置到页面顶部。
4、移动端页面优化保持完整性
我们在浏览商城网站中,最让人无语莫过于图片问题,在PC端很容易实现图片的放大和缩小。但是,在移动端就变得十分困难,因此,在移动端优化中就需要把文字和图片以及页面宽度保持合理的配置,让用户很容易获得移动端网站内容信息。
5、高清晰的优质素材
一句话就是移动端对于素材要求很高,针对移动端页面优化就需要通过高清晰的素材拉开与竞争对手的差距。
6、灵活的交互设计
移动端最注重手触问题,再设计网站就需要切合手触设置合理的按钮,保持这种交互性对于用户的需求。
7、方便PC端和移动端之间的切换
对于很多用户来说,习惯于PC端之间的浏览和用户,因此我们在设置和优化移动端页面就需要注重移动端和PC端切换保持正常的进行,让用户在PC端和移动端畅通无阻的浏览和购买。
移动端优化并不是强迫用户适应我们的网站,而是根据用户行为来提升用户体验,并且这种优化移动端页面还需要控制分栏数目,通过CSS来控制页面宽度和位置,图片缩放等,良好的用户体验,再加上高清晰的产品图和添加放大功能,通过这种细节的调整,让用户浏览起来更方便。
网页重设计的常见误区与解决方案
1、保留全部内容
我明白,做取舍总是一件艰难的事情。现有的内容已经和你的网站一同存在了多年,要舍弃其中的某一部分对你而言,是一件艰难的事情。
但是,当你决定要重新设计网站的时候,不妨问一下你自己:现在的这数百个页面是否真的能解决你的访客所有的问题么?
在取舍的问题上,单纯审视内容是否需要保留并不足以做出决策——你得有足够的理由说服自己这些内容值得保留。保留全部内容是一个典型的“囤积控”的心态,对于网站的访问者而言,这样心态下重设计的网站所带来的体验可能是灾难性的。网站内容应当重新审核。同网站的实际用户和潜在用户去沟通,用实际的反馈和数据来作为重设计的支撑。同陈旧过时的内容说再见,用精炼的语言和精简的页面来构建一个新的网站吧。
很多时候,内容策略师的角色更像是婚姻关系顾问,你需要确定哪些内容是冗余、过时、琐碎的,为什么它们会造成困惑,而哪些是实际有用的。
2、重视趋势,忽略持久价值
视差滚动,长阴影,视频背景,粘滞式导航,全景大图背景,无限滚动,作为一名设计师你应该不会忽视这些正在流行的设计趋势,毫无疑问。
时下流行的设计趋势,总会出现在你打开的每一个网站上,它们时刻都在暗示你它们是如此的受欢迎。当你准备重新设计网站的时候,它们总会第一时刻涌入你的大脑,毫无违和感地介入到你的设计方案中来。但是别忘了,网站重设计的首要任务并非炫技,而是重新组织内容,帮助网站访客解决问题。
这个时候,你需要记住三个原则:不要为了设计而设计;对你的品牌保持忠诚;易用性永远在第一位。
如果设计趋势真的符合用户需求,能提升整体体验,拿来使用不无不可。如果它仅仅是让网站更加炫酷,那么是否采用还值得商榷。合适的才是真的好。
3、全是重点
当我们被客户告知他们说的每一条信息都很重要的时候,他们所处的状况可能需要我们提供很多帮助。但是当你真正深入了解的时候,就会发现什么是真正重要的,而其他的是次重要的,甚至有些信息是不重要。
当你的利益相关方,尤其是甲方为你提供信息的时候,这种情况发生的机率相当高。当你开始网站重设计的时候,你可能会希望每一条信息都要出现在首页,紧接着,你会发现这样设计出来的首页,很可怕。
如果所有都是重点,那么就不存在重点了。——Patrick Lencioni
这是一个最常见的误区,它所导致的直接结果缺少层次,信息过载。所以,你应当让每个页面有一个重点,一个核心,这意味着有些信息将不会得到重视,但是用户总不会因为没有重点而无所适从——至少你所呈现出来的重点,会被用户注意到。
4、主观臆测
用户在手机上永远用不到这些内容。
实际上这是这个令人不安的对白出现的频率还挺高的。纵观过去十年,当人们需要针对移动端来设计网页的时候,他们会将网页原有的一部分内容直接去除掉。
当然,重设计过程中,减少内容通常是一件好事情。但是,当你开始基于自己的主观假设而开始针对特定内容进行删除的时候,情况就稍微有点危险了。用户在电脑上翻看网页的时候还好,结果打开手机浏览的时候,发现某些他所需要的部分没了,情形无疑是尴尬的。
一般说来,没有数据支撑的假设直接拿来做设计,并不是好主意。
虽然我们常常号称“站在普通用户的角度”来分析,但是作为设计者和产品经理的思维方式与普通用户相去甚远,关注的点差别很大。所以,在做精简或者删减工作的时候,不要代表实际用户来做这种假设。尽量将完整的流程,全部的模块合理的进行重新设计,呈现在小屏幕上,并且通过用户调研和反馈来进行优化和精简。
5、忽略沟通
当你在设计网站的时候,总是期待将普通访客转化为网站的客户,对不对?
你期望自己的网站能够为客户带来某些价值,给予帮助,但是那个小小的“联系我们”链接总是在角落里面,许多普通用户打开网页之后,很少会继续往深处点击,浏览的人多,咨询的人少,真正下单购买产品和服务的就更少了。
所以,真正要解决这个问题,你需要让用户尽可能方便的同你开始沟通,提供注册也好,通过邮箱订阅信息也罢,提供社交帐号授权也可,鼓励用户同你和你的网站构建联系,哪怕他此刻不会购买产品,但是留下了沟通的渠道,至少让他不会忘记你的网站和产品。
另外有一点也值得注意,网站通常不会只有一个首页,用户常常会通过搜索引擎进入某个子页面或者单页,你应当在设计的时候注意让这些页面也拥有沟通的链接或者邮件订阅入口。
6、干扰用户体验
的确,你应当吸引用户的注意力,但是这不能以“欺骗”用户,或者辜负用户的信任为代价。
当你被一个充满噱头的新闻标题吸引了注意力,点开却发现内容完全不是你想的那样。标题党令人生厌。同样的,通过搜索引擎找到你想要的产品或者素材,打开页面之后却直接出现弹出框,要你注册,要你支付,有的甚至压根就不是相关的页面。所有的一切都是在干扰、打断用户体验。
也许在网站中采用这样的设计,短期内会有一定的效果,但是从长期来看,这种干扰性的用户体验很难让用户留存。
你的网站是在帮助用户达成目标,获得价值,千万不要打断他们正在进行的流程,破坏用户体验,尊重使用你的网站的用户,当你给予用户足够尊重之时,他们会用尊重予以回馈的。
在此之后,用更高价值的产品、服务和内容来吸引用户,而不是强迫用户注册。如果你真正在意你的用户,就不要干扰用户体验,而是让他们注意到注册之后拥有更高的附加值,有更好的服务,这样的设计才是双赢的。
7、不考虑用户的过渡
重设计网站无疑是一件好的事情,但是对于老用户而言,大规模的改变是好事还是坏事还值得商榷。
忽略老用户在重设计之后的过渡是许多网站重设计中的败笔。重设计对于许多老用户而言,是需要重新学习和熟悉的,毕竟以往熟悉的东西变换了位置,甚至直接没有了。意想不到的改变,会导致整个体验上的缺失和挫折。
解决方案其实也不复杂,将原本的用户流程也纳入到新网站的设计当中来,通过诸如intro.js这样的功能模块来提升网站的新用户引导流程。还有的网站会让旧版和新版同时存在,使用301重新定向,将用户从旧版引导到新版来帮助用户进行过渡。