1、UI 用户界面

  UI:User Interfase 用户界面

  UID:User Interfase Designer 用户界面设计师,多指移动 app 的界面设计;

2、一个合格的 UI 设计师,至少应该具备什么?

(1)审美:

一个好的设计师,应具备基本的艺术审美,识别不同的艺术表现形式,区分作品的好坏,感受下:

  图1:   图2:  

(2)想象力、脑洞  

  比如:克里斯托弗·诺兰导演的电影《盗梦空间》、 宫崎骏的《千与千寻》

  

(3)基本的工具使用:

  常用且基本的工具:PS

  拓展:

    图标:Sketch / macOS电脑;

    矢量设计软件:Ai

    原型图绘制:Axure、磨刀

    视频剪辑-后期处理: Ae

      

(4)进阶阶段:

  美术基础理论修炼,关于:造型、透视技巧、颜色等;

  

(5)兴趣:手绘

  如果业余对手绘有兴趣,可以拓展一下,很加分,优秀的手绘更需要时间积累,不断得思考;

(6)热爱:

  任何一条路,能走多远,从来不因出发早晚能决定的,而是对事物本身的热爱;

  设计是个磨人的工作,工作过程中,需要发挥自己的创意,开动脑筋,甚至要苦思冥想才能完成一个比较好的设计作品;是一个痛苦又快乐的过程;如果没有一个对美的执着追求,很容易半途而废;相反,如果你非常喜爱它,每一次作品的完成都是一个非常愉快快的体验;而且每一次都能感受到自己的升华。


3、工欲善其事,必先利其器

(1)工具安装:

  下载途径:搜索关键字 —— XXX + 百度云

  下载版本: 要下载 cc 2015 以上的版本

    PS、Sketch/mac、矢量设计Ai 、axure原型图 、Ae视频剪辑-后期处理

    (我这里有:PS cc 2017 破译版,macOS的,需要的评论区留下您的邮箱,我的网络出墙了,其他软件也可以帮你找)

(2)大神修炼必看网站:

  zcool.com.cn/站酷 -  国外的 behance.net

  ui.cn / UI中国  - 国外的 dribbble.com

  uisdc.com - 优设 素材下载,这里是设计师伸手党的天堂

  huaban.com - 花瓣

  

(3)“盗亦有道” —— 推荐书籍:

  《术与道》

  《在你身边,为你设计》腾讯 UI事业部出品

  《动静之美》关于sketch ios图标设计

  《简约至上》交互设计,心理学

  《一个app的诞生》从UI设计的角度,告诉你互联网这一行是怎么玩儿的

  《世界无界》《界与面》-- 人生观价值观,职场常识,给满满地正能量

  


4、图标  --  方寸之间,尽显功力

  什么是图标?

  广义: 具有明确指代含义的图形;高度浓缩、快捷传达信息、便于记忆等特性;

  (1)传统社会的图标:

  

  

  (2)智能时代的图标:在此致敬其鼻祖 -- Steve Jobs

  

  (3)图标的大致分类:

    logo图标 - app的图标

    

    功能性图标 - iconfont 让界面更加饱满、体验更愉悦

       VS   

      左边:只有文字的界面、单调枯燥

      右边: 加入图标、界面饱满内容更加丰富、浏览体验生动活泼;  

    观赏性图标:1、女儿红中国风

    

    

5、APP设计的工作流程:

  项目需求、策划方案、调研 => 草稿、原型图   => UI界面设计  设计稿交付 =>  上线后调整、迭代

  (这个部分,我抽时间详细总结一篇)


6、关于交互设计:

  交互设计是一种目标导向设计。所有的工作内容都围绕用户行为进行设计,是的行为流程更加合理化,易用化。让用户更加方便、高效的完成产品业务目标,并获得愉快的用户体验。

  思维导图、原型图、交互文档、交互规范、用户行为研究、设计目标导向、体验评估;

    => 

  问路案例:

  “不知道,高冷范儿”  --> "左拐右拐 再拐"  --> “我带你去吧”

  

  交互设计:让app 更易用,感性做设计的同时,更加理性的思考;UI设计让app更好看;测试让app稳定上线;

  风格案例:

    需要了解行业 - 支付宝,美图秀秀,行业不同,需要凸显的重点不一样;

    大小凸显,颜色演示,层次感明细,线条明朗;


7、文末,感受下来自 锤子科技 的 UI 设计

  坚果 R1

  坚果 pro

  

    来自未来,改变一切的 TNT

转载于:https://www.cnblogs.com/wuhaoquan/p/9157199.html

开发辅助 | 前端开发工程师对 UI设计、交互设计的认知相关推荐

  1. java后台转前端_从后端开发转职前端开发,我都经历了些什么?

    原标题:从后端开发转职前端开发,我都经历了些什么? 从前端转行后端 从后端开发转职到前端开发真的不容易. 特别是当你已经习惯了后端开发的工作模式,习惯了构建数据结构,编写类似于测试驱动开发的测试,习惯 ...

  2. 视频教程-全栈开发之前端开发-HTML5/CSS

    全栈开发之前端开发 多年互联网从业经验: 有丰富的的企业网站.手游.APP开发经验: 曾担任上海益盟软件技术股份有限公司项目经理及产品经理: 参与项目有益盟私募工厂.睿妙影音家庭物联网设备.手游东方江 ...

  3. 全栈开发之前端开发-欧阳桫-专题视频课程

    全栈开发之前端开发-117人已学习 课程介绍         无论是Java猿.PHP猿.还是Python猿: 无论你身处天堂还是地狱,过去还是未来: 无论你的女朋友在左边还是右边... 你逃不开生死 ...

  4. 前端开发需要学python吗_在选择学习Python开发还是前端开发时需要考虑哪些因素...

    首先,从技术体系结构来看,Python开发与前端开发是两个不同的学习方向,未来所从事的岗位和面对的任务场景也有较为明显的不同,但是Python开发与前端开发本身的发展前景都是比较不错的,未来的就业空间 ...

  5. 广州优漫动游公司:高级UI/UE交互设计就业班学什么?

    广州ui设计培训学校,UI交互设计培训,ui界面设计培训,UI培训学校,ui界面交互设计培训,UI培训哪个学校好–高级UI交互设计就业班.UI设计培训,高级UI/UE交互设计就业班. 一.培训特色 项 ...

  6. 移动端超高品质的Axure UI设计/交互设计组件库,几乎涵盖了所有的组件

    这套超高品质的Axure UI设计/交互设计组件库,无论是APP原型设计还是小程序设计,都能满足您日常设计所需,关键是能让交互设计稿美美哒,简直是提高工作效率必备文档库,实属移动端设计组件中的顶级资源 ...

  7. android京东ui,2019京东金机奖最佳UI、交互设计:这3款“当之无愧”

    2019年的京东手机"金机奖"评选活动正进行的如火如荼.目前,备受关注的"最佳UI.交互设计"手机榜,iPhone XS.一加7.坚果Pro 2S,这3款机型从 ...

  8. Vue + Spring Boot 项目实战(六):使用 Element 辅助前端开发

    文章目录 一.安装并引入 Element 1.安装 Element 2.引入 Element 二.优化登录页面 1.使用 Form 组件 2.添加样式 3.设置背景 4.完整代码 之前我们实现了登录功 ...

  9. html插件 开发工具,前端开发必备工具之辅助开发工具篇

    在这里推荐一些前端开发中可以是你提高开发效率的小工具,既小巧又方便: 一.截图,取色,量尺寸,屏幕录制工具 1.FastStone Capture 主要用途:截图,取色,量尺寸,屏幕录制工具:推荐指数 ...

最新文章

  1. R语言使用pwr包的pwr.chisq.test函数对卡方检验进行效用分析(power analysis)、在已知效应量(effect size)、显著性水平、效用值的情况下计算需要的样本量
  2. Linux的IPC机制(二):Socket/管道/消息队伍/信号量
  3. 安装和使用Oracle Instant Client 和 SQLPlus
  4. JZOJ 100024. 【NOIP2016提高A组模拟7.6】数球
  5. 检索数据_15_将空值转成其它值
  6. 一个Java快速排序实现的调试
  7. eclipseweb开发response和request接收发送数据乱码问题
  8. staf工作笔记-stax自定义信号和信号处理功能
  9. vba循环通过键盘某个按键按下退出循环_默纳克3000+最新系统小键盘的使用方法...
  10. Android ANT多渠道打包
  11. nodejs做中间层_nodejs做中间层,向后端取数据
  12. 肥城市c语言入门自学零基础,2019年自考C语言程序设计模拟试题十三答案.doc
  13. 接口自动化-Cookie、Session、Token鉴定解决方案
  14. Python使用Opencc库完成字符繁简体转换
  15. 防火墙与路由器的区别
  16. 编写微信聊天机器人2《聊天精灵WeChatGenius》:引入Xposed库,使模块生效。
  17. 如何将ppt演示文稿上传到微信公众号?
  18. 【计算机网络】数据链路层 : 后退 N 帧协议 GBN ( 滑动窗口 | 发送窗口长度 | “发送方“ 累计确认、超时机制 | “接收方“ 按序接收、确认帧发送机制 | 计算示例 )★
  19. 室内定位方案之蓝牙定位+IBeacon室内定位技术解决方案-新导智能
  20. 今天老板送了我一本书,说让我学习怎么用Python做表格…

热门文章

  1. 勒索软件来袭考验全球网络安防
  2. 佰链荟作为协办单位举办“2021中国NFT与餐饮新思路高峰论坛”
  3. 用友u8 12.1服务器硬件要求,用友U8软硬件环境要求
  4. 求长方形的周长和面积c语言两个函数_C语言及程序设计.第四课.项目2.计算长方形周长和面积...
  5. i510400和i710700 哪个好
  6. Acer 笔记本 471g装固态硬盘,将模式转化成AHCI模式,让你的固态硬盘提速30%以上。
  7. 超简单修改富文本字体样式
  8. Android工程师技术话术
  9. 西门子plc如何用c语言编程软件下载,s7一200编程软件下载安装
  10. 装机员U盘启动PE制作工具V4.0(UEFI+UD)