1、很难的UI设计面试题
1. 总体的样式
从 iOS7 以后,Apple 就一直在采用扁平化的设计模式,去除了所有不必要的纹理和阴影等效果——和早些年间的版本完全不同。Google 的新 MD 设计规范有了一些更加细节的规定,通过一种叫“纸片”的方法来创造更多的层级关系。
2. 实体按钮
Android 有一个返回按钮,点击它可以返回上一个屏幕。
iPhone 上则没有这样一个按钮,所以需要有一种方式能够让用户回到先前的屏幕。通常的解决方案是在屏幕的左上角放置一个返回键。
3. 通用元素
两种平台之间的确存在着一些通用的元素,比如说状态栏和标题栏,它们会出现在每一屏的顶部。你不应当改变导航栏的高度,如果你想让 App 看起来更加原生的话。所以,我推荐你在设计的第一页就定义好标题栏的样式,然后在其他的屏幕上使用一个占位的方框来替代,这样能省下不少时间,但是你应当向程序员说明标题栏在不同的屏幕上都是一样的样式。
不同平台上的导航栏有一定的差别。在 Android 上文本是左对齐的,然而 iOS 上是居中对齐的。在 iOS 上,很多企业都用它们的 logo 来替换首页标题栏中的文字,但是在 Android 设备上这不是一个好的主意。状态栏(显示你的网络、电量和时间信息)是系统组件,你不需要考虑设计它,只要确保它们不会对他人造成误解就好了。
4. 导航
或许iOS 和 Android 平台之间最大的区别就在于他们的导航样式了。Android 上最主要的导航方式是抽屉菜单,Android 用户们通常在这个菜单内进行跳转。而且在整个 App 中,这种体验是一贯的。Apple 的导航样式更倾向于 tab bar,它位于屏幕的底部,并且以一种很简单的方式实现上部内容的切换。当你设计 App 的结构的时候,你可以为不同的平台设计不同的导航样式。
5. 要不要用卡片式
在 UI 设计中,卡片正逐渐成为一种主要的 UI 设计样式,它们可以应付多种情况,而且给用户提供了一种能够呈现有效内容的便捷方式。视觉上,卡片非常适应于 Android 的 Material Design(它事实上源自于纸张的灵感)。使用阴影和卡片之间的合理间距能够创建一种自然的外观。
在 iOS 上,使用卡片设计需要更加的小心谨慎,尽管一些大型的 App,诸如 Facebook 和 pinterest 的确使用了一种略微偏离 iOS 视觉规范的设计风格。Instagram 使用了一种完全扁平化的设计风格,尽管从结构的观点上看,用户的每一条推送都能被视为是一张卡片,instagram 的设计很值得你去花时间揣摩,它是如何遵循 iOS 视觉规范的。如果你要在 iOS 平台上应用阴影,你最好小心谨慎,尽量使得这些阴影不是那么的明显。
6. 排版
iOS 系统上的默认字体是 Helvetica Neue,在 Android 上则是 Roboto。尽管这两种字体在外观上有显著的差异,但是这两个字体的尺寸却是近乎相同的。如果你想要在设计的时候节省时间,那么用一款字体就可以,但是要和开发人员沟通在不同的平台上使用对应的字体。而在设计重要的布局结构和使用大号字体时,我建议你还是同时用这两种字体测试效果。
如果你想要精益求精,那么你就要对不同平台上的设计规范更加注意。比如如下几条:
Android 的 MD 设计需要用到更多的空格来进行布局
在 MD 中字体大小的变化会更加多样
在 iOS 上,字体没那么多大小差异,但是在字体重量上(Font weight)有更多的变化,同样允许你创建主次结构
两个平台都使用比较细的字体来现实正文内容,然而,在下面的例子中,Android 使用了轻(Lighr)和常规(Regular)字体,而 iOS 使用了粗体(Bold)和常规字体
这是一个非常简单的例子,向你展示了排版方面的一些细微的不同可以导致印象上的巨大差异——你能很快分辨你是在用 Android 手机还是在用 iPhone!
7. 网格和触摸元件
iOS(@1x 下 44px)和 Android(1:1 比率下 48p)都有对可触摸元件的设计规范。MD 规范同样建议对所有元素使用 8dp 网格对齐。
在最近的项目上,我发现遵守 Android 的这些设计规范会更加安全,因为大一些的 48px 的按钮在两个平台上都表现良好,而且 MD 的规范更加全面,还经常更新。不管怎么说,你都应该在设计中使用网格,但是我们发现定义更加明确的 Android 网格会更好用一些。
8. 按钮样式
这里是 MD 下定义的几个按钮类型:
浮动动作按钮(Floating action buttons):最传统的有边框的按钮,阴影厚重明显,将它们从页面上分离出来。它们仅应当被用于背景,或者谨慎地在卡片上使用,不应当在警告框或者弹出框上使用,因为使用这种按钮,就会创建一层视觉深度。这种按钮的填充颜色一般使用 App 的主色,而下一种按钮,通常使用辅助的颜色。
扁平化按钮(Flat buttons): 通常文本使用 App 的主色,没有边框,它们通常使用间距和大写字母来强调不同内容之间的分离关系。
和 MD 相比较,iOS App 在外观上是完全扁平化的,没有层级深度和阴影。主要按钮有填充颜色,次级按钮反转颜色,也就是说,有着主色的边框和文字。这种方案有时候会受到一定的限制,特别将它是用于标签栏等元素的时候。要用好这种设计模式,你必须对不同的颜色在你的 App 中分别代表什么有一个清晰的概念。
9. 动作表单
动作表单(Action sheets)允许用户在多项操作中进行选择。比如,当我点击(或者长按)我想要分享、上传、复制或者删除的图片时。
iOS 和 Android 用近乎相同的方式解决这种问题。首先,动作表单都是出现在屏幕的地步,然后在主要内容上罩上一层阴影。然而,它们在创造不同的深度和其他细节方面有着一些不同。
Android 在动作表单上加了一层厚重的阴影,表明它是脱离于原先的内容的。
iOS 的动作表单没有阴影,仅仅是在原先的背景上防止了一个有一定透明度的灰色图案。
下拉按钮
只存在于 Android 上,它允许用户快速选择功能。然而,记住,这并不是 iOS 原生的控件之一。在下面的例子中,用户点击 profile,然后弹出了一个下拉菜单,提供了几个选项。
特殊数据输入
像特定的一些数据的输入,比如日期和时间,Android 现在有了原生的对话框,虽然它们看起来像是警告弹出框,一个例子是日历输入。iOS 使用完全不同的方式解决这个问题,它会在屏幕的底部弹出一个转轮让用户进行选择。在设计这些东西的时候要小心,并且和开发人员做好沟通。
10. 分类控制
分类控制允许用户以一种简单的方式在不同内容之间进行跳转。在不同的平台上,该控件的使用方式是完全相同的,但是在视觉上有着显著差异,因此要注意使用正确的形式。在 iOS 上,分类控制控件的外观很像我们刚才提到的按钮。而在 Android 上,通过间距来展现它们的分离关系,同时用下划线来标明目前所处的位置。
11. 弹出框
正确地处理这一类型的控件十分重要,因为他们也许会涉及到一些很重要的操作,例如注册,确认条款,甚至是确认支付。我们需要让他们看起来是原生的,以便产生一种安全感和信任感。
Android 的警告框使用的按钮样式,就是我们先前提到过的扁平按钮,你可以在 MD 说明文档中找到它们应有的尺寸。动作按钮位于卡片的右半部分。实际上,所谓的按钮其实就是一个文本。它们使用大写字母将它们和其他内容区别开,并且使用 App 的主色。
12. icon
icon 设计是在 UI 设计中的一个比较特殊的领域。不管你是使用免费的 icon,和专门的 icon 设计师合作,还是自己设计 icon,不同的平台上对 icon 都有特别的样式要求。iOS 平台更偏好线形 icon,Android 上的 icon 的描边则更加地粗壮,或者干脆就用填充的 icon。这里是两个平台上的 icon 对比,你也可以点击这里的链接查看 iOS 和 Android 下的 icon 设计规范。
13. 面包菜单、载入图片
不幸的数字 13(注:最后的晚餐的在场人数)。通常来说,警告框和表示载入的图标留给开发者做决定。你或许已经经历过弹出框和警告框的设计和 App 的其他部分样式完全脱节的情况。那是因为通常 iOS 和 Android 平台都有对这些情况的默认的处理方案,但是你也可以利用你的方案进行替代。在这里,让你的设计能被真实还原的最好的方式就是和开发人员多进行沟通。
14. 通用 UI 控制
复选框,单选框和输入框,以及开关都是应该有着原生感觉的控件。像警告框和对话框一样,这些控件保持默认样式的话能够给用户带来熟悉感和信任感。尽可能多地使用原生控件,用户自然知道如何使用他们,并且在涉及到敏感信息和支付事宜的时候能够更信任你的 App。
在下面的例子中,我们可以看到两个平台上的差异其实是很小的,小到你在设计的时候可以忽略这些差异,用其中一种形式设计,但是不要忽略细节上的差异所带来的原生的感觉。使用你的 UI 库,并且在开发的早期和开发人员做好说明。
引用自:CSDN,粉丝转载
2、平面设计师怎么能提升知名度?
你好,从你的问题来看,我觉得你已经是一个平面设计师了。提高知名度可以通过在设内计平台上发容表自己的作品来提升知名度,比较有影响力的网站有追波网(国内外设计师都有上传,要求比较高),国内有站酷网和ui中国,这两个网站也不错,也有好多大牛在里面,总之,提升知名度,除了设计作品质量过硬,好酒不怕巷子深,再有就是学新东西,多更新作品,受到更多人的注意。
希望可以帮到你
3、有哪些比较好的网页设计网站的网址?
你可以用大师助手,他们有200个设计网站推荐,比较全,也是朋友推荐的,你可以试试
4、ui设计师怎样提高自身的设计能力
一、时刻有危机感
对于专业的UI设计师而言,行业内的竞争也是相当激烈的,每年都会有相当一部分新人进入这个行业,其中不乏具备顶尖专业技能或者设计天赋超群的大神。因此UI设计师需要保持极度的危机感,敦促自己不断学习和进步。
二、合理利用资源
在这个信息爆炸的年代,只要你学会合理的利用资源,就能保持对设计趋势的敏感度。同时,也要学会去过滤一些过分炫技的设计,不要为了追求视觉上的冲击而牺牲设计的合理性。
三、学习新的东西
保持自己的对互联网新鲜事物的好奇心,这样能保证我们接触到最前沿的东西,让你做设计决策的时候有更宽的思考。不断看新的设计新闻,了解新的工具和新鲜的设计资源,培养自己定期学习新技能的计划。
四、熟读最新规范
做设计一定要去看设计规范,看完一份规范带来的提升是十分明显的。好的规范里会清楚的阐述一些这个平台的设计师对优秀设计的探索,并把探索的结果用最通俗易懂的方式来告诉读者。
5、没有经验,如何成为 UI / 交互设计师?
真正的 UI / 交互 专业应该掌握的技能
1. 用户研究和需求分析
将传统的市场研究、设计研究方法和信息产品结合起来,使用新的技术和方法,研究用户,发现需求。
2. 数据分析
信息产品和传统产品的设计有一个重要差别,是能够获取用户。现在在互联网公司中,数据分析非常重要,例如用户留存率、日活、漏洞等等。
3. 产品功能和概念设计
信息产品的功能和概念设计,需求文档的撰写等等。
4. 交互设计(内容较多,可能需要分成初级、中级和高级阶段)
基本内容包括交互设计的原理和原则、线框图,以及如何写文档等等。
5. 视觉设计(内容较多,可能需要分成初级、中级和高级阶段)
视觉界面设计的原理和原则,构成、色彩、图标等等。
6. 原型技术
各种制作和开发原型的技术。偏前端的技术有:HTML、CSS、JavaScript 等。软件工具有 Principle 等。
7. 产品运营基础
用户运营、活动运营等。在未来的 3-5 年时间里,运营是整个互联网产品中非常重要的工作。
8. 媒体与传播
和信息产品有关的媒体与传播。比如:如何在微信里生产一篇具有传播力的文章等等。
9. 技术基础
有技术的 sense,可以跟技术人员做一个很好的对接。比如能够写一些基本的代码,或者掌握一些基础的技术概念等。
10. 领域与行业的设计研究
游戏、金融、教育、电商等行业的设计都有其相应的特点。
对照一下就会发现,目前没有多少高校的专业课程能够完整覆盖这些方面。也就是说,其实大家的起跑线彼此差得并不远。无论是在学校里学,还是自己学,都应该逐渐地掌握这些内容。
当我们决定要不要学 UI / 交互的时候,不必太过考虑自己所学的专业与其结合得是否紧密、能不能转等等,而关键是看,你未来是否对这个领域有长期的兴趣,以及要弄清楚自己如何能够学好。
什么样的人适合学习 UI / 交互?
学习 UI 设计
首先需要具备有潜力的审美能力。能够判断哪些是美的,哪些不是美的,从而寻找出美的最大公约数。这就要求我们能够长期熏陶自己,逐步提升自己的审美能力。
其次需要能够静下心来长期修炼。因为 UI 的水平提升需要长期训练,太急功近利的人很难长期坚持。UI 设计是一个相对需要吃苦耐劳的活儿,不仅需要你付出时间和精力,而且在往上提升的时候会不断地遇到瓶颈,最后只有坚持下来的人才能够跨越这些瓶颈。
第三,注重细节或经过训练后会注重细节。刚开始做设计时就太「糙」的人,往往难以持续提升。
最后,会手绘与否不是硬性标准。会了更好,不会也没有关键影响。即使没有美术的基础,也可以在学习 UI 的过程中习得。
学习交互设计
首先需要具备有潜力的逻辑思维能力。思维能够发散,也能够收敛。而对于思维过于跳跃、难以进行系统性分析的人,会不太适合。
其次,能够持续学习专业知识和业务知识。专业知识指与交互相关的技能;业务知识指不同领域(教育、金融、社交等)的知识。
第三,能够顺畅地和人沟通。因为交互设计师往往要和很多职能 / 角色对接起来。
最后,会技术与否不是硬性标准。不需要能够独立写代码、做程序开发,但需要增强自己的技术感,比如了解新的技术趋势、常用的技术平台、一些技术可行性的空间等等,对于这些东西要有一个基本的感知。
UI、交互共有的要求
第一,对于科技产品和新生事物要有兴趣。作为专业的互联网人,需要更多地了解各种互联网的产品。喜欢守旧、能用就好的人是不太适合的。
第二,学习能力要强。互联网这个行业不断地有新事物出现。
第三,积极主动。因为互联网尚属新兴产业,大家都在前进,所以消极的人很难跟得上。但好的一点是,因为这个行业的快速发展,所以在这个行业里你也可以得到快速成长。 来自职Q用户:马先生
6、设计类的学生一般去哪些相关的网站,求推荐?主要是UI设计和平面设计。
ui中国
站酷
优设
68design
昵图网
开课吧
等等都可以,也可以关注一些国外的网站
7、平面设计三十五岁以后招平面设计师吗
可以抄的,学习平面设计袭与年龄无关,只要能静下心来,循序渐进由潜入深的进行学习就好了。平面设计最重要是要有创意,对设计有自己的想法。做自己真正喜欢的事才是最快乐的,年龄不是问题,设计的路很长。
1、这行需要的就是经验,做的越久越值钱,就是需要我们自己不断的进行积累和创造。设计软件的更新速度是很快,但是经验,理念和协调性是新人远远赶不上的。
2、如果怕自己老了,做不动了,学不动了。那更没有必要,想那么多老年人还天天学书法,谈琴唱戏,任何工作都和年龄没有关系,做的好什么都行。
8、UI技术分享 如何提高自己的设计视野
想要复如何提高自己的设计视野,制我之前从源码时代的UI设计老师的演讲中,学到了2个不同阶段的看想做方法,可以分享一下。
第一阶段:
看:疯狂的看,利用花瓣,Pinterest,站酷,追波,看各种优秀的设计,提高审美水平。(审美是非常非常重要的,如果不知道什么是好的设计,怎么可能做得出好的设计呢?)
想:看到好的设计,多问为什么,为什么这么设计,思考创作技法,模式,原因
做:看基础实例教程(遇到问题百度,大问题分解成小问题,一步一步解决)
第二阶段:
看:扩大关注的范围,UI,工业,web,建筑,凡是美之事,皆热爱
想:设计常用模式:借鉴、改进、组合(结合一些常用的设计理论,栅格理论,格式塔原理等等)
做:Redesign,参赛(参加实际的或者虚拟的项目)
9、哪个平台可以展示设计师作品?
将你自己的创意作品上传到忽米网就可以了,忽米网的平台对作品很有保障,而且还帮助销售
10、国外除了behance,pinterest还有什么好的设计网站不
behance,pinterest 还不够你看的啊?追波网呢?你的心真大,我只用花瓣、站酷就够了……