联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

电子烟UI设计师的工作内容和基本要求有哪些?

Time: 2020-09-09

各行业如果需要进行系统设计,都可以使用到UI设计。现在的设计师也有比较多,那大家知道电了烟UI设计师的工作内容和基本要求有哪些吗?下面就跟小编一起来了解一下相关的内容吧。

  UI设计师的工作内容

  UI设计师的工作包括如下内容:

  负责软件界面的美术设计、创意工作和制作工作;

  根据各种相关软件的用户群,提出构思新颖、有高度吸引力的创意设计;

  对页面进行优化,使用户操作更趋于人性化;

  维护现有的应用产品;

  收集和分析用户对于GUI的需求。

  UI设计师的基本要求

  一个合格的UI设计师,要满足下列条件

  (一)精通Photoshop、Illustrator、Flash等图形软件,html、Dreamweaver等网页制作工具,能够独立完成静态网页设计工作

  (二)能熟练操作常用办公软件,且具备其它软件应用能力;熟悉html,CSS,javascript,Ajax

  (三)对通用类软件或互联网应用产品的人机交互方面有自己的理解和认识

  (四)具备良好的审美能力、深厚的美术功底,有较强的平面设计和网页设计能力

  (五)具有敏锐的用户体验观察力,富有创新精神。

  初级和高阶设计师的 UI 界面,到底差了哪些细节?

  排版设计

  1. 文字间距

  每当你使用完全由大写字母组成的文字时,不要忘记设置字母间距。这样可以防止字符之间的粘连,也会让文字有更好的可读性。

  2. 文字粗细

  在使用细体和极细体字体的时候要格外注意。中细体字可以用,但要看具体的字体细到啥程度。如果你做的产品最终会被用户在屏幕上看到,那么最好不要使用细体和极细字体,因为它们非常难阅读,在某些屏幕上甚至会造成半像素模糊的效果。

  3. 标题和正文字体大小

  我们来谈谈网页排版。标题的级别有6个(h1-h6)。首先你应该确保你的项目中的标题级别不超过四个,并控制好它们的逻辑和一致性。一个网站或着陆页的最大标题(可能出现在主页面的第一块)可以随心所欲:目前的趋势是鼓励有表现力的排版。但是,确保你的标题的其余部分不要太大,因为太大的文字和太小的文字一样难以阅读。

  现在说下正文。浏览器的默认设置(以 Chrome 浏览器为参照),会以 16px 大小显示每个文字。这个大小阅读起来是相当舒服的,但我倾向于主文字用不小于 17px,附加文字用 14px。保留 12px 作为最小的尺寸,而较小的尺寸由于视力问题或显示器不好而变得几乎无法阅读。记住,要避免近似的尺寸,不要在同一段中使用 16px 和 17px,这样会给产品的外观带来混乱和视觉上的不协调,可能会让人误以为是错误。

  4. 行高

  很少可以直接利用默认行高。通常情况下,必须比默认值稍大一些来提高可读性。这对于大的文本块尤其如此:博客、文章、网站或移动应用的信息块。同样的方法也适用于标题:确保字母上下不会互相碰触。

  5. 内容的层次

  应使用加粗来突出显示文本的重要部分,包括标题、链接和按钮,有时也包括文本中被强调的部分。但如果所有文本内容都被加粗,就会变得不清楚该看哪里,分不清哪些部分更重要。内容需要有一定的层次性。

  6. 文字对比度

  在设计中要特别注意文字的颜色。它应该有足够的对比度,这样文字在任何类型的显示器上都可以易读。这对于经常使用浅灰色的输入字段中的占位符尤其重要。

  间距和边距

  负空间(元素之间的“空气”)对于一个好的设计是必不可少的。留白有助于理清元素之间的关系,提升节奏和平衡感。

  1. 去掉多余的框和线

  将多个模块分开的最简单的方法是使用一个框或 1px 线。但这还不是最好的方法。我见过一些设计作品,框里有框,每个框都有 1px 框线。在这种情况下,你需要停下来思考:这样做真的合适和必要吗?如今的界面往往到处都是卡片:电商平台里商品的卡片,动物护理应用里的卡片,外卖 APP 里披萨餐厅的卡片。

  有时使用 1px 的边框是合理的,但也有其他方法来区分这类元素,比如阴影或间距。最主要的是,卡片之间的外边距应该大于卡片内填充元素的内边距。去掉任何元素上不必要的框架,就可以为内容节省空间。毕竟,内容才是任何产品最重要的部分,所以不要没理由的去掉特地为它预留的空间。

  2. 元素层级

  边距有助于从视觉上确定一个元素是否属于另一个元素。让我们考虑一下新闻网站上的一篇文章的布局。假设它由一张图片、一个标题、3-4 行预览文本和发布日期组成。标题应该与内容成为一组,日期的边距应该比标题和文字之间的边距略大一些。最后,图片应该和标题-文本单元的日期一样,甚至更远。

  3. 少即是多

  总有一个客户或者经理要求所有的信息必须塞进一个区块或者一张界面上。所以,标题、电话,以及整个菜单、优惠信息都要塞进去。还有,别忘了一个大大的 LOGO。我不怎么会谈判,也想不出如何让他们轻易改变主意的办法。

  但至少你可以这样说:用户一次接收的信息越少,他就越容易采取行动(例如,打一个电话)。循序渐进的信息接收,可以确保更容易、更愉悦的用户体验。不要让用户在识别你的界面布局时遇到困难,而一堆元素堆积在一起是很难产生美观愉悦的体验。

  4. 不均匀的边缘边距

  如果你在制作海报、banner或我们最喜欢的卡片时,要注意边缘的边距。如果你以经典的从左上角到右下角的方式来布局内容,那让顶部的边距比左侧的边距稍大一点,看起来会比四面均匀的边距更加舒服,美观。

  颜色和配图

  图片、图标和背景决定了产品的基调。图片应该准确地展示公司、APP 或网站所提供的东西。

  1. 一些 Logo 的想法

  我不太经常做 logo,在我的职业生涯中,做了大概 20 个左右的 logo,我的心得是,一个好的 logo 是很难做的。但是,作为一个设计师,只要遵循基本的规则和原则,一定可以制作出一个像样的 logo。比如精心选择颜色。

  有一次,我看到一个叫 「VIP catch 」的渔具店用了一个紫色的 logo。紫色和 「VIP」两个字的组合,并不能真正让人产生对钓鱼的联想。一般来说,任何行业都可以用任何颜色,除非有明显的脱节,比如上面讲的那个例子。如果你觉得把图片(符号)放进 logo 很难,那就不要做,尽量把它做成一个纯字体的 logo,少即是多。

  2. 投影

  物体的投影绝对不应该是黑色的。投影的颜色永远都需要结合环境的颜色(彩云注:就想象成界面中有一个太阳光打过来,会反射周围的环境色,所以会带有周围物件的颜色)。物体通常有几个投影:一个是小而亮的,直接在它的正下方(如果是站着或躺着的东西),第二个是比较模糊、透明的投影。避免项目中脏的、不自然的投影。

  3. 图标和配图

  凡是可以矢量的东西都应该矢量。所有的图标,箭头和 logo 都应该以 SVG 格式(iOS 开发的 PDF 格式)交给开发者。PNG 图标边缘模糊,看起来很糟糕,尤其是在视网膜显示器上。此外,用矢量图占用内存也较少。

  4. 关于图标

  如果你正在为一个网站或应用开发一套图标,请确保所有的图标都属于一个 「家族」。这意味着相同的笔画宽度,相同的边框半径。检查一下,确保每个图标都适合在相同大小的正方形中,并且有相同的视觉重量。如果有些图标有圆圈,确保这些圆圈的直径相同。图标应该有一致的风格。

  好了,关于电了烟UI设计师的工作内容和基本要求有哪些的相关内容,阅读了上文小编的介绍,相信大家有所了解了。现在UI设计培训机构也有比较多,想成为UI设计师的朋友,可以报名学习。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开