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