跳到主要内容

9个优秀的UI设计

在网页设计中,优秀的用户界面,或UI设计,就是帮助用户尽可能简单有效地完成给定的任务。虽然外观和感觉是不可否认的重要,但出色UI的核心是功能:在导航方面,它应该直观到不可见的程度。一旦用户迷失了方向,或者不知道该往哪里走,UI就没有发挥作用,有很多这样的例子痛苦的UI失败来证明你不应该做什么。

这些网站和应用可能有不同的设计原则和不同的功能,但它们有一个共同点——有效的UI设计能够满足以上所有的要求。继续往下读,找出他们如此成功的原因。

01.蒙特勒爵士音乐节

UI设计:蒙特勒爵士音乐节

这里有一个很棒的方法,你可以通过滑动来建立你自己的定制节日节目 (图片来源:蒙特勒爵士音乐节)

没有什么比在音乐节上更能让你的FOMO水平飙升了;当然,你可能很享受你现在看到的表演,但也许在其他地方发生了另一件你甚至不知道的更好的事情。无论你多少次梳理的表演者,必定会有一些绝对的宝石,你小姐。但这伟大的UI设计蒙特勒爵士音乐节旨在帮助你确保你得到最出你的时间。

它保持精美简单的东西,向您提供六种二进制选择,您可以向左或向右滑动以构建您的音乐偏好的印象 - 例如,您更喜欢乐队的DJ吗?- 一旦完成,它就会根据您的兴趣,您可以使用自己的个性化计划,以便购买门票的链接。

UI设计:蒙特勒爵士音乐节

Lizzo!他们是怎么知道的? (图片来源:蒙特勒爵士音乐节)

这很简单,也很直观,虽然你肯定想要再次检查完整的程序,以确定你肯定没有错过什么,但这是一个帮助你快速浏览大量信息以找到结果的绝妙方法。

02.倾斜刷

就UI和UX而言,虚拟现实是非常多的边境领域。它的设计人员和开发人员必须在他们进入时填充,具有自然混合的结果。在平面屏幕上的工作并不一定在VR中工作,并建立一个有效和有用的VR应用程序,您可以在没有动态疾病的情况下使用几小时可能是一个非常挑战的。

所以很高兴看到像谷歌这样的虚拟现实产品倾斜刷- 这允许您在虚拟环境中建立3D绘画 - 不仅有效,而且是如此直观地使用,并具有如此伟大的结果,艺术家已经将其纳入创意工作流程。头这种方式关于开始使用这个改变游戏规则的创意应用程序的一些优秀的专业技巧。

03.模式

UI设计:图案化

图案的圆形,最小的方法使你更容易滚动你的节拍[图像:奥林匹亚噪音公司]

奥林匹亚噪音公司的iOS鼓机,模式它与你以前见过的任何一种都不同,这是有充分理由的。与其他音乐应用程序不同的是,Patterning使用一个圆形界面来完成基本的节奏布局,并使用颜色编码的鼓,这样你就可以很容易地看到什么是什么。

除了这些基础之外,Patterning的智能但最小的UI使得从单个模式中排序较长的歌曲这一更复杂的工作难度大大降低,使您能够轻松创建模式的变体,然后将所有内容组合在一起。它也采用了一种类似的简单方法去创造出更好的声音;它的混音器和FX界面是深思熟虑的布局与大胆的视觉线索,帮助您得到您想要的声音,而不陷入不可思议的控制。

04. mailchimp.

UI设计:MailChimp

MailChimp的设计是干净、平坦的,而且排版很大[图片:MailChimp]

时事通讯创建和管理可能不是世界上最令人兴奋的任务,而是设计精美,直观的用户界面设计MailChimp的让它更美味。由于最近的重新设计,web UI是干净的,平面和主要的排版。

当你的帐户第一次设置时,在你的第一次活动开始前,经典的“空帐户”问题会被有帮助的、视觉上令人愉悦的用户指南所抵消。其中有大量的空白,以及清晰的动作指令引导新用户完成该过程的每一步——在某些情况下,甚至还结合了一个微妙的动画指针来指示单击哪里。

用户界面设计:MailChimp

有用的呼吁采取行动阻止您在MailChimp中迷失[图片:mailchimp]

05. iPad的论文

UI设计:iPad纸

纸张旨在直观使用[图片:第五款]

一个多屡获殊荣的应用程序,旨在帮助用户以更直观,自然的方式创造性的,让你用你的指尖绘制一个惊人的细节水平-尽管它也可以用手写笔如果更精确的要求。

专为触摸而设计,纸张的UI设计没有按钮或设置来担心 - 只是一系列专业工具。多功能的喷泉笔式绘图工具是免费的,而剪影(软铅笔),轮廓(粗体标记),写(墨水笔),颜色(水彩刷)和混音器(彩色搅拌机)作为应用内购买。

UI设计:iPad纸

Paper有一组专门的工具,而不是按钮[图片:FiftyThree]

06.的事情

适用于Mac和iOS,的事情是一个受欢迎的任务管理应用程序,设计获奖,基于熟悉的待办事项列表概念,直观和容易上手。正如它的创造者culture Code所指出的,它的理念是让你的生活更轻松。

Slick,清洁的用户界面设计预先分为列表,以帮助您对您的任务进行分类:紧急情况进入“今天”,稍微少迫切可以等到“下一步”,而“计划”计划进一步前进。每个条目在一个Go - 标题,注释和截止日期中捕获重要信息,以及如果需要帮助标记,以帮助对所有内容进行分类。最重要的是,使用简单键盘快捷键可从任何位置访问快速入口窗口 - 它跨桌面,iPhone和iPad自动同步。

07.竞选监控:WorldView

UI设计:Campaign Monitor世界观

WorldView以可访问的方式制定复杂的数据 (图片来源:Campaign Monitor)

一个奇妙的原创想法,在电子邮件订阅数据上投入有趣的扭曲,Campaign Monitor:WorldView覆盖有关正在打开,点击和共享Google地图上的通信的个人的信息,以实时地理位置和个人见解。

登陆页面以直观的方式介绍了这个概念,例如把大头针放在世界地图上——应用程序界面本身是清新的,围绕着地图和一些控制设置的基本菜单。这是一个很好的UI设计例子,通过简单的图标和颜色编码可以一眼识别出不同的用户参与度类别。

08.数字

UI设计:图

图是旨在帮助您在GO上突出调整[图片:Propellerhead]

这是另一个平面设计的例子,它让一个可能非常复杂的UI设计看起来非常干净和直观,数字是瑞典开发人员Propellerhead为iOS开发的合成器和鼓机,同时也是桌面音乐制作软件Reason的开发者。

您可以点击触摸屏焊盘,将手指保持下来并滚动节奏轮,一系列不同的声音,或滑过屏幕上滑动,以便在比例中播放不同的音符。还有车轮来控制您必须使用的笔记范围,旋律和低音线中的音符数量,以及各种标签以各种方式调整声音。

09.肯尼迪

界面设计:肯尼迪

肯尼迪为你的记忆添加了背景[图片:布兰登·道斯]

没有什么比滚动着你的旧推特更新,想知道你6个月前发布这条消息时到底在想什么更爽的了。缺乏背景通常意味着某些当时非常有意义的内容可能会在几个月或几年之后变得毫无意义。

肯尼迪,这是一个非常优秀的日记应用程序布伦丹道斯,是为了给你的记忆添加背景。你可以用它来创建你正在做的事情的文本笔记,就像你可以在Facebook或Twitter上输入,还可以在笔记中添加照片。不过,肯尼迪的巧妙之处在于,通过添加你的位置、日期和时间、当前天气状况、新闻标题,以及如果你当时正在用手机听音乐,你正在听的歌曲的名字,他还增加了一层背景信息。

界面设计:肯尼迪

肯尼迪的额外细节使得干钞票丰富的替代方案[图片:Brendan Dawes]

结果是,而不是一个干扰,这不会真正意味着在线,你用更富勒的上下文捕获一个特定的时刻,完整的提示可以帮助更多细节带回内存。和Dawes的清洁设计和智能UI保持一切简单而良好。

相关文章: