ui设计知识点总结(ui设计知识点总结怎么写)
大家好!今天让创意岭的小编来大家介绍下关于ui设计知识点总结的问题,以下是小编对此问题的归纳整理,让我们一起来看看吧。
创意岭作为行业内优秀企业,服务客户遍布全国,设计相关业务请拨打175-8598-2043,或微信:1454722008
本文目录:
一、UI交互设计需要学什么呢?
UI要学的东西还挺多的
UI设计师要掌握的软件:PS(Photoshop)、AI(Illustrator)、AE(After Effects)、ARP等。
UI设计需要掌握的理论知识:配色设计、版式设计、规范设计、切图、手绘基础知识。
专业外要掌握的营销知识:心理学、营销学、沟通学、用户体验等。
拓展知识点:交互逻辑学、创意思维学、管理学。
光会软件不能成为一名优秀的UI设计师,UI设计是界面交互设计,还需要掌握技法层面、思维层面、作品层的知识。
技法层也就是技术,就是当你看到一个图标,一个界面你能够绘制出来,比如你看到的PS画出来的图标,界面,你能够知道用了什么图层样式,什么运算法则,这都是需要知道的。
思维层就是你的技术需要达到一种随便找一个APP出来,都要知道里面的版式为什么这样布局,颜色为什么这样搭配,规范为什么用这么大等。当你的设计到达到了一定的层次,你的眼界也会随着经验和学习而开阔。眼界打开了,考虑事情也会不一样!
作品层,这应该很好理解。就是要有你自己的作品。只有通过你自己做出来的作品,才会有灵魂,你也知道为什么这样做。只有自己的原创作品,才能找到一份好的UI设计的工作。很多人去找工作,都是临摹,所以很容易被公司拒绝,你的原创作品必须要在学习之外,多加练习,才能够有产出。
二、什么是UI设计 UI设计包含哪些内容
UI 设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计,也叫界面设计。UI 设计分为实体 UI 和虚拟UI,互联网说的 UI 设计是虚拟 UI, UI 即User Interface(用户界面)的简称。
UI 设计师的职能大体包括三方面:一是图形设计,软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量 UI 设计的合理性。
UI设计目前的前景还是很不错的,很多企业都缺少 UI设计师。而且可以看到的是,现在社会的发展,更多的智能机和智能机器人研发出现,这些都离不开UI 设计师。所以说 UI 设计的是很有前途的,是不会失业的。而且 UI 设计门槛不高,要入门也不难的。
从工作内容来说,UI 设计在当前的互联网领域、科技领域可以说无处不在,
好的 UI 设计能够明显提升用户的使用体验,从而给产品带来更多的附加值,所以UI 设计对于互联网产品是非常重要的。目前 UT 设计通常分为两个大的工作方向,一个是交互设计,另一个是视觉设计。
总的来说,UI 设计相比较于编程而言,还是非常适合大众学的并且就业前景很广阔。学完 UI 设计,能获得一份稳定而又不失乐趣的工作,同时有利于追求更高品质的生活,在艺术领域可以获得更多的启迪。
三、UI设计的团队合作经验总结
做什么 :设计团队的协同
为什么 :无规矩不成方圆;确保设计团队的同步,方便团队内部工作的交接
什么时候 :在设计开始之前
谁做 :设计同学
在团队合作的过程中,同步是最重要的也是基础的知识。第一次和其他小伙伴一起完成工作,总结了几项同步的知识点和方法。
命名的规范包括了画板、图标和组建。
在设计过程中,为了方便技术人员查看文档和设计稿,我们在画板命名时,以需求文档里的模块名称为准。当需求文档的划分不够细致,在需求文档的标题后面+横线+名称,(如图:命名-01)
将命名好的画板上传至蓝湖,然后排序排好,并按照模块分好类别,方便其他的设计小伙伴查看和修改,也方便技术人员查找。
1.实心和描线图标保持同名,用【-o】来区分,比如【question-circle】(实心) 和【question-circle-o】(描线);
2.有无-circle/-square区别于边框和非边框,有无-o区别于实心和空心(如图:命名-02)
3.命名顺序:【模块】-【图标名】-【形状?】-【描线?】-【方向?】。
1)模块,例如左侧导航栏模块的图标比较特殊,图标名前可加【sidebar】,常用模块英文:顶部导航栏【navbar】,底部导航栏【tabbar】,自定义模块命名根据实际需要选择性添加
2)图标名,常用的图标命名用习惯的英文单词命名,非常用和自定义的图标命名可用拼音,多参考其他网站的命名方式 图标命名参考网站
3)描线,只在区分同一个功能的图标描线和非描线状态下使用,如果图标风格就是描线,不用每个图标后面都加此后缀
4.字体库的命名与运用
图标的托管网站是 iconfont ,在建立自己的项目时,电脑端的输入前缀【pc】,手机端输入前缀【mb】,fontfamily以公司名命名(如图:命名-03)
关于iconfont网站的字体库制作,可参考我的第一篇文章 字体库制作 ,里面详细介绍了制作过程和使用方法。
基于sketch软件的命名规范
关于symbol 是什么,有什么用,怎么制作,可以参考 夜雨y 的这篇文章,这里主要介绍命名规范
组件的命名是要用英文输入法的 / 作为分割,如果一级为最小级,一般命名是三级/二级/一级。这里可以参考微信小程序的UI组件命名
小单位的组件,比如按钮的命名顺序:【模块】-【形状?】-【颜色?】-【状态?】。(如图:命名-04)
1)图层样式的命名也是用英文输入法的 / 用来分割父子级,命名规范:【模块】-【颜色?】(如图:命名-05)list/line则是父子级
2)文本的样式命名规范:【字号】-【备注?】(如图:命名-06)
1、先把做好组件库保存
2.打开sketch-preferences-libraries-add library 添加保存的组件库即可 (如图:共享-01)
3.修改组件直接双击,点击弹窗最右边按钮>>修改完组件库保存>>在设计稿点击紫色按钮同步组件库即可(如图:共享-02,共享-03)
当然想要团队合作更方便,可以借助 蓝湖 这类的软件,nans也是团队合作,文件同步的有效工具。
四、UI设计都需要会什么?
UI设计作为时下热门职业之一,其发展前景不言而喻,应用领域非常广泛,从传统的计算机网页到最新AI领域的人机交互界面,无不体现出其市场价值。
那么UI设计师都需要学习什么呢?
首先是设计基本功的掌握。需要掌握Photoshop(图像处理)、Illustrator(图形制作)、After Effects(视频处理)、Axure(原型设计)、Dreamweaver(网页制作)、Coreldraw(矢量制作)、Flash(动画制作)等设计软件及HTML5.0和DIV+CSS网页代码基础。
具备了设计软件,此时还不能独立创作,所以需要掌握铅笔、水彩笔、素描本、手绘板工具的运用。此部分的学习重在设计理论的学习与构图技巧,学会解析各类图标的设计原理及表现技法。
在基本具备设计能力后,就需要进行案例的实战了。通过模仿各类产品的优秀案例、并能解析其设计要点,推陈出新做出部分创新的完整案例。这样在面试的时候,也能够脱颖而出。
以上就是关于ui设计知识点总结相关问题的回答。希望能帮到你,如有更多相关问题,您也可以联系我们的客服进行咨询,客服也会为您讲解更多精彩的知识和内容。
推荐阅读:
常见ui设计规范的框架结构(常见ui设计规范的框架结构包括)