首页 >

众包知识 >

网站建设  >

网页设计

网页界面设计
网页界面设计
优秀的网页界面需要注意网页平面构成、网页的色彩搭配、网页设计中的排版布局等各方面因素,不仅需要美工掌握基础知识和美学原理,还要掌握颜色理论、图像设计、动画设计等内容。下面是时间财富网小编为您整理的网页界面设计相关知识,希望对您有所帮助。
1网页界面设计培训色彩如何搭配?
    网页标题是网站的指航标,浏览者要在网页间跳转,要了解网站的结构,网站的内容,都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩,吸引浏览者的视线,让他们感觉网站清晰、明了,层次分明。想往哪里走都不会迷失方向。

    一个网站是由许多页面组成的,实现网页间相互跳转的就是网页的链接,所以文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接,因为链接区别于文字,所以链接的颜色不能跟文字的颜色一样。大多数浏览者不会花太多的时间用在寻找网站的链接上。设置了独特的链接颜色,让人感觉他的独特性,自然而然好奇心必然趋使他移动鼠标,点击鼠标。

    多数网站都会运用背景颜色,这就要求设计者考虑到背景颜色的用色,以及前景文字的搭配等问题。一般的网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色。让人一目了然。

    网页标志是宣传网站最重要的部分之一,所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢?我们将LOGO和BANNER做的鲜亮一些,也就是色彩方面跟网页的主题色分离开来。有时候为了更突出,也可以使用与主题色相反的颜色。

.......


查看全文 >>
2网页界面设计规范
    目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的。

    易用性按钮名称应该易懂,用词准确,摒弃模棱两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。

    易用性细则:完成相同或相近功能的按钮用Frame框起来,常用按钮要支持快捷方式。完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。

    按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。界面要支持键盘自动浏览按钮功能,即按Tab键的自动切换功能。界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。 

    同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显示。分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab。默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。

.......


查看全文 >>
3网页界面设计工具有哪些?
    Solidify允许用户在模型、线框或者草图中获取原型图。此外,你还可以快速地查看屏幕界面原型。如果在桌面、计算机或者手机上运行Solidify还能轻易地测试出项目原型。如果你没有太多的时间花在这上面,你也可以共享给其他测试人员,随时随地获取反馈意见。

    PowerMockup专为设计师准备的PowerMockup在创建PowerPoint时为线框提供模板。包含各式各样的模板,包括菜单、表格、文本框、按钮和标签。当你在创建PPT时你可以轻易的将这些模板拖入使用。另外,用户还能在库中添加自己的条目,只需选择PPT的外形,然后点击“添加模板”标签,一款自定义的模板即可轻松创建。

    Antetype当你创建大型的且连续性的项目时,Antetype是最佳选择,这是因为它允许开发者创建一整套的构件库。该构件库可收集各小部件,在原型中方便易用。此外,每个小部件都有一定数量的定制和默认状态可单独或者同时进行编辑。因此用户在编辑时无需使用不同的副本,Antetype可适应不同项目的需求。

    UXPin是为那些不擅长UX设计的开发者而开发的。经验丰富的UX设计师为UXPin提供了一整套的完整的工具包。

    在UXPin上用户可以为自己的项目找到所需要的模板。他们通过上传UX和项目文件来获取模板,比如Project Canvas、Project Kick Off、Business Model Canvas、Personas等等。

    此外,用户无需来回收发邮件,因为在这里任何项目都可在一起工作。UXPin旨在帮助项目经理开发适应任何一款分辨率和设备的响应式线框和原型。

.......


查看全文 >>
4网页界面设计布局和分析
    竖排列表是最常用的布局之一。手机屏幕一般是列表竖屏显示的,文字是横屏显示的,因此竖排列表可以包含比较多的信息。列表长度可以没有限制,通过上下滑动可以查看更多内容。竖排列表在视觉上整齐美观,用户接受度很高,常用于并列元素的展示,包括目录、分类、内容等。

    横排方块是把并列元素横向显示的一种布局。我们常见的工具栏,TAB,Coverflow 等都采用这种布局。受屏幕宽度限制,它可显示的数量较少,但可通过左右滑动屏幕或点击箭头查看更多内容,不过这需要用户进行主动探索。它比较适合元素数量较少的情形,当需要展示更多的内容适,竖排列表则是更优的选择。

    九宫格是非常经典的设计,展示形式简单明了,用户接受度很广。当元素数量固定不变为8、9、12、16时,则适合采用九宫格。虽然它有时候给人设计老套的感觉,不过它的一些变体目前比较流行,比如METRO风格,一行两格的设计等。

    采用TAB可以减少界面跳转的层级,可以将并列的信息通过横向或竖向TAB来表现。与传统的一级一级的架构方式对比,此种架构方式可以减少用户的点击次数,提高效率。当功能之间联系密切,用户需要频繁在各功能之间进行频繁时,TAB布局是首选。

.......


查看全文 >>
5网页界面设计有什么技巧?
    一致性如果你可以在一个列表的项目上双击后能够弹出对话框,那么应该在任何列表中双击都能弹出对话框。要有统一的字体写号、统一的色调、统一的提示用词、窗口在统一的位置、按钮也在窗口的相同的位置。

    设置标准并遵循它可以参数一些工业标准,如IBM的界面设计规范或MS的设计规则,它提供了90%你所需要的规范。

    设置向导如果用户使用了一个功能后,不知道如何做下一个,他们就会放弃。如果操作流程和手工工作流程一致,用户就会努力去完成它。最好的方式来引导用户就是在桌面上设置一个流程向导。

    提示信息必须容易理解并且口径统一,比如“您输入了错误的数据”、“用户编码不能超过8位”。一致的措词,提示信息还应该出现在一致的位置,如弹出提示窗口、窗口的上方或窗口的下方。对用户的称呼应该统一,比如有时提示“用户输入了错误的数据”,有时提示“您输入了错误的数据”,有时又提示“纳税人输入了错误的数据”,这样会使用户无所适从。

    借鉴好的程序多了解同类软件的界面,并加以分析与了解,直到能够区别好的用户界面与差的用户界面。但不能够机械的模仿别人的界面。

.......


查看全文 >>

相关成功案例

网页设计方案
免费预约
相关知识
网页生成静态好处静态网页生成过程静态网页生成技术静态网页生成系统怎样生成静态网页?动态网页制作技术动态网页制作教程动态网页制作软件动态网页制作步骤动态网页制作是什么?