网站搭建
-
容易被忽略的可用性设计原则
一、状态可见原则 也就是用户能够网页上进行任意的操作之後,无论是单击、滚动还是按下键盘,网页应该即时给出反馈。“即使”最好不要超过10秒。 二、环境贴切原则 网页设计时的呈现和表述,应当尽可能地贴近目标用户…
-
传统的两种页面分隔线形式
在页面设计过程中,最传统的分隔方式是线条。直观而便捷地就就可以将视觉和内容中需要区分的进行区分,让页面层次结构更加明确,便於浏览和操作。除此之外,还有以下两种常见的分隔形式: 1、全出血位分隔线 全出血…
-
乾货!提升页面表单设计可用性
实时验证 在用户完成一个输入框任务时就应该实时地进行验证,在第一时间进行反馈,让修改变得更有效率。比如内嵌的验证方式,非常有利於减少硬反弹,提升用户体验。 自动匹配键盘 根据用户的点击提供适当的…
-
移动端表单设计应遵循的四个原则
交互流程与用户输入行为兼容 这需要确保表单设计时,要考虑到字段有没有被界面设计使用的元素所遮挡。比如当用户点击输入时唤出的键盘。在用户完成输入表单的某一字段後,界面位置需要自动前进至下一个字段。 2、降…
-
如何让标签提升用户输入体验
限制单词数 要明白的是,标签并非帮助文字。因此,应当使用简洁扼要的标签,一两个单词即可,这样能够让用户迅速了解到文本域。 语言简单化 从用户的角度出发,很明显术语和专业词组会让用户摸不着头脑。通俗易懂的…
-
紧跟潮流!彩色投影形式
谈到彩色投影形式,其实自从Google之前热衷的长投影形式慢慢淡出人们的视野,被遗忘了一段时间。但近期又再次兴起,但它已经演变成为一种新的投影方式——彩色投影。简单来说就是,投影的颜色会随着界面整体背景色系…
-
为什麽空间间隔方式如此好用?
什麽是空间间隔方式?简单来说就是,很多时候,到了网页设计布局流程後,一般都会通过用线条和分隔符号来进行划分的内容区块。但这并不是那麽好用!因为会让视觉效果显得比较拥挤。因此,空间间隔的方式能够让区块…
-
常见的两种动效反馈方式
出错 当用户在界面当中完成操作之後,若操作异常或者系统异常,动效往往会将错误报告迅速反馈给用户。这是最常见的动效反馈机制之一。如左右抖动,比较趣味而人性,有效缓解用户的紧张、焦虑等。同时还增强了界面的…
-
配图加工的秘方
在进行界面设计的时候,对於图形图像元素问题,常常有以下的几种: 图形图像的像素不够大,需要使用到大尺寸时像素变得模糊; 素材自身不够新颖,没有明确的视觉焦点; 素材的质量不够高,如失调、曝光等一系列问题…
-
卡片的三个迷人之处
内容块 卡片形式进行页面设计,能够将信息以区块的样式集合到一起,比较符合如今的碎片化、简短化的浏览喜好。再者,内容块能够让信息更容易被阅读,以及分类明确。 易挖掘 卡片同样是承载故事、情感化设计形式的有…
-
高转化率的按钮应告知用户做什麽
界面设计当中的每一个按钮都会包含着一个文本指令,用来告诉用户这个按钮的功能。因此,按钮上的文本要尽量地保证直观而简洁,并且需要使用符合整个网站风格的语音、语调。 其次,你需要注重反馈。当用户点击按钮的…
-
按钮形状无需花样多多
当你在进行按钮外形设计前,要提升转化率需要视觉效果很重要,但考虑到全域,一般建议只需考虑以下的两种形状: 圆形:随着拟物化这种网页设计趋势的流行,圆形的按钮形状早已深入人心。对於提升按钮所见即所得的效…
-
位置与对比,轻松提升按钮易点击性
位置 对於网页设计来说,按钮应该放置在哪个位置必须重视。因为按钮能够有效地提升用户的转化率,按钮元素放置在页面哪个位置能够让用户更有点击的欲望呢? 一般来说,按钮的位置应当按照网页当中的信息内容来进行…
-
怎提升界面按钮的可见即可得效果
合格的界面按钮设计,用户看到它就知道它能够被点击,并且大致知道是点击还是触摸的形式。在界面设计流程当中,按钮这一元素一般都会以各种各样的尺寸出现。但是,要具备良好的可见即可得的效果,这并不是容易的事…
-
如何清楚网站建设中的局限?先梳理!
一、用户的局限 网站建设的目标用户找准了吗?他们自身有什麽样的需求以及浏览和操作习惯,他们主要的使用设备是哪些为主。而不仅仅以为视觉效果吸睛就足够了。 二、技术的局限 时下主流网站建设的技术有哪…
-
怎样才是基於场景的界面设计?
我们都知道,基於场景的界面设计可以帮助设计师更具体地分析到客户与用户的需求。找到界面设计的痛点,让界面设计更加贴近用户。 那麽,要怎样才是基於场景的界面设计呢?通过对以往界面设计项目的经验总结…
-
这三点最易损伤用户浏览体验
第一点:混用“你”和“我” 页面交互设计当中,若出现指代混用,会让用户浏览体验吃力。在页面视觉设计中,常常会使用如“我的帐号”这样的文案信息内容,所以建议不要在相关提示中使用“在我的帐号”中调整你的设置”这一…
-
提升视觉张力tip,高对比图片
当你想要在页面设计项目当中使用色彩叠加这种方式时,要清楚置於页面底层的图片与视频同样都需要重视。一张看似平凡普通的的图片,其实只要合理地使用色彩叠加或者渐变色风格使用,都会达到不错的吸睛效果。但是若…
-
使用下拉刷新有什麽讲究
对於页面设计来说,下拉刷新是非常常见且易用的用户交互方式。本质上来说,它是一种特定的手动刷新交互形式。与其他的同类操作不同的地方则在於,下拉刷新则更贴近用户的直觉操作形式,所见即所得的视觉效果…
-
界面视觉基调:纯色
纯色的叠加效果,其实合理的话,一样会与渐变色有提升视觉张力的效果。不过要注意的是,纯色在界面设计当中的应用,有很多适合会比渐变色所呈现的效果会更加明确一些。如在图片上叠加上合理的纯色,更能够突出图片…