首页 模板库 新闻中心 关于我们 联系方式 13770851495
手机号:13770851495(微信同号)
手机号:13770851495(微信同号)

网站设计者需要注意哪些UI设计原则?

发布时间:2020-02-22
发布者:admin

以前的网站美术师将使用PhotoShop或Firework设计页面,然后使用ImageReady或Firework剪切页面的图片。页面直接生成HTML页面,然后将相应的内容填充到页面中,后添加各种Java和表单效果以完成页面。

Production。

这一系列工作全部由网络艺术家完成。

自1997年网页制作热潮以来,这种做法一直持续。面对迅速变化的网络和各种网络技术的出现,旧的做法已不能适应当前的情况。

它正在朝着项目化和过程化的方向科学地发展。

在一个完整的网站建设团队中,每个角色都有明确的分工。

从网站项目的建立到网站结构规划,网站结构设计,网站页面布局,页面脚本处理以及与艺术设计无关的其他一系列任务,都是从网页美术师那里解放出来的。在此过程中,原始网页的艺术家角色更加专业。

定义,给它一个更合适的名字网络艺术家。

因此,网络美术设计师可以充分发挥他们的专业知识,并在图形艺术设计的基础上进行专业的网络美术设计。

许多人经常将图形艺术设计搞混通过网络艺术设计,认为图形艺术设计师一定会进行网络艺术设计。实际上,网页和打印之间存在许多差异,因为它们提供更多的功能,类似于软件。

网页设计类似于软件设计,网页美术设计等同于软件UI设计。更准确地说,网页插图设计是一种图形用户界面,简称GUI。

因此,Web艺术设计者也可以称为WebUI设计器。

一些Web设计原则

掠夺者

青睐原则:喜欢欣赏自己的人之类的人

1。不要将所有文件存储在根目录中;

2。根据每一列的内容创建子目录;

3。在每个主目录下创建独立的图像目录;

4。目录级别不应太深;

5。请勿使用中文目录;

6。不要使用太长的目录;

7。尝试使用有意义的目录。

RaidersII

稀有原理:没有什么比创造力更有趣了

1。网页内容应易于阅读;

2。网站内容必须经过细化,专业化和及时更新;

3。注意颜色匹配;

4。考虑带宽;

5。有必要适当考虑不同浏览器和不同分辨率的情况;

6。提供交互性;

7。简单就是美。

RaidersIII

网页设计的一般规则:

1。网站设置

设计决策

2。观众的需求是位;

3。页面的有效性;

4。保持页面布局的一致性;

5。设计具有非语义标签DIV和适当结构的网页;

6。请谨慎使用图片;

7。减少JavaApplet和其他多媒体的使用

页面进入草图设计后,您需要确认很多细节。在检查页面设计草稿是否可以输入页面剪切和制作时,请遵循以下原则:

1设计口均匀性。

同一功能位于同一位置。

页面仅是一些基本模块。在每个基本模块的UI设计中,不同的应用程序示例是否具有相同的元素,包括字体,字体大小,颜色,按钮颜色,按钮形状,按钮功能,提示文本,行间距等。

设计说起来容易。实施时,许多设计师会有一些随机的想法。有些想法可能不错,但是我们必须实现统一的接口标准。

想象一下,如果在窗口中,如果不同的窗口关闭按钮位于不同的位置并且颜色不同,那么情况将是多么混乱。

2。保留用户而不是骚扰用户

Boot,这不是强制性的。

国内网站在欺骗点击方面经验丰富。我记得一段时间以来,新浪的新闻头条都是危言耸听的。结果,单击时似乎不是这种情况,并且用户体验很差。

除了角色用户模型可以分析用户关心的内容外,这次我还使用了一种更为极端的方法来避免用户处理点击。

翻页也是中国互联网特有的现象。这些按钮在中国不是很有用。

幸运的是,我们有各种各样的多选项卡浏览器,不怕,但是良好的连续性体验却被毁了。

您想读一本书,每页上印有两个字吗?用户仅在感兴趣的情况下才查看特定网页。我们要做的就是引导用户看到他想看的东西。

3。安静浏览器。

很久以前,当我浏览网站时,我选择不显示所有图片。在某些领导人的领导下,这种清洁不再存在。

许多闪光,触摸时显示的图层甚至是不请自来的视频。NI自然接口理论不允许这些。我们需要一个允许用户安静地阅读内容并参与交互的网页。

根据NI的第二个原则:网站设计应满足人们的需求,包括个人和社交需求。

用户根据个人需求来到该站点,并尽可能简单,易于阅读的内容以及便捷的导航。这些对于用户来说很容易接受。从Web2.0趋势开始,至少有一件事情是好的,那就是,

国内网站也开始关注这些方面,而不是在那里堆积内容。

如果您仍然不太了解它,可以发现大多数外国网站

当您单击链接时,它将在此页面上打开,并且国内网站基本上是新页面。

以上是总结为设计时要注意的要点:

1。每个模块的边框,标题和按钮(如果有)具有更详细的功能。这些元素的颜色,大小,位置,对齐方式,字体,大小,行间距等必须一致。

2。整个页面的色调应保持一致。除非不同模块之间没有显着差异,否则颜色应该一致。

3。对于可单击的文本,按钮和图片,鼠标应呈现统一的可单击样式,该样式与不可单击区域不同。

4,日期的统一表示格式,例如全部使用长日期格式2007-2-1或全部使用短日期格式07-3-1,则日期格式也可能不会显示。

5。可单击的图片好以不同的样式显示,例如将鼠标悬停时的明亮效果。

由于网页会使用大量图片进行修饰效果,因此值得区分可点击图片和不可点击图片。

6。是否有任何不必要的弹出窗口。

此设计确实是netscape的一个坏处,即它也是完全继承的,解决方案是使用js渲染弹出窗口。

7。文字说明。

很多时候这个问题将被忽略。在这个演示项目中,我们有很多文本描述,每种文本都有其自己的目的,统一的描述方法,统一的人,统一的语气,都是为用户带来良好体验的方法。

8。图片风格。

从欣赏的角度来看,图片应尽可能统一。草图样式和点矩阵样式并存并不总是一件好事。

9,图标。

很多时候,图标用于描述功能。带有少量阴影和反射的精美图标非常醒目。使用图标时,请注意样式,透视角度,分辨率和识别的一致性。