美文网首页
UI设计课堂重梳理笔记

UI设计课堂重梳理笔记

作者: 九喵CAT | 来源:发表于2019-12-05 17:28 被阅读0次

    重新梳理UI流程:

    研究——概念Demo——产品立项——交互设计——视觉设计——前端开发——测试走查——上线——再次研究的循环

    竞品分析:竞品分析包括市场的前景排查,优势精品借鉴,产品定位逆推

    用户五原则(用户调研)
    who     why       where      how       what

    交互的五大原则
    1.以用户体验为出发点
    2.通过“自然映射”减轻用户的认知负担(减少操作,消除负担)
    3.给用户更多的必要信息(操作前可预知,操作中有反馈,操作后可撤退)
    4.化繁为简,少即是多
    5.情感化设计,制造用户的记忆点
    Safety  of  product   (产品安全感)

    主观感受:
    ①可控制    操作流程符合预期
    ②可理解    安全策略可被理解,界面信息可被理解
    ③可信赖    专业度塑造品牌及口碑,多重保护感,安全氛围营造
    ④可挽回    发生意外有解决的办法

    客观感受:
    一,
    ①安全策略  确保操作对象为本人(账号身份证,操作身份证等)
    ②减少交易操作过程(金额校验,对象校验,操作校验)
    ③提供安全帮助(密码找回,操作辅助提示,安全策略)
    ④提供申诉通道(问题反馈,损失申诉找回)
    ⑤隐私保护
    ⑥其他
    二,
    ①技术安全,账户安全
    ②账户密码传送安全及终端密码输入安全
    ③交易过程信息交换安全
    ④系统稳定性
    ⑤其他

    设计方法论——banner

    ①信息传达明确
    ②吸引用户点击
    ③符合产品风格

    banner构成
    ①左右构图②左右排版③左中右构图④上下构图⑤文字主体构图⑥排版细节⑦排版细节⑧不规则构图⑨邻近色⑩互补色

    字体的选择:①古朴字体②纤细字体

    字体设计导论(中文,英文)
    ①衬线体(serif,多用于印刷)类似字体:Garmond,Caslon,Didot(迪多),Bodoni,Times
    给人谨慎,端庄的感觉
    ②无衬线体(sans-serif)类似字体:Futura(未来),Optima,Halvetica(苹果黑体),Neosans,opensans(针对打印,互联网)
    给人崇尚自由,理性,客观。(缺点:缺乏律性,滥用)
    ③中文字体
    Roboto(安卓4.0通用)      Droid(安卓默认字体)    Noto(安卓目前通用的字体)
    思源黑体(谷歌字体)  汉仪旗黑(今日头条目前使用字体)
    苹果公司现在使用的字体
    英文:Helvetica——SF UI display
    中文:Heitisc(华文黑体)iOS7 ,iOS8

    UI字体需要注意:
    ①低调②灵活度③宽比例④字间距⑤层次感⑥行间距⑦识别度

    版式设计(常见的的三种设计类型)
    ①骨骼型
    释义:竖向通栏,双栏,三栏和四栏,一般为竖向分栏为最多见
    ②满版型
    释义:版面以图像充满整改,文字配置压制在上下,只有或者中部(边部和中心)的图像上,满版给人大方,舒展感受.
    ③上下分割
    ④左右分割
    ⑤中轴型
    释义:将图形作水平面方向或垂直方向排版,字体偏排版上下左右
    ⑥曲线型
    ⑦倾斜型(注意角度不宜小于45℃角度)
    ⑧对称型
    ⑨重心型
    释义:版面产生视觉焦点,使其更加突出
    ⑩三角型
    11,并置型(将相同或不同的图片作大小相同位置不同排列)
    12,自由型
    13,四角型

    色彩搭配
    色彩构成
    ①同一混合色
    ②同类色混合
    ③相邻色混合
    ④中消色混合(黑白灰搭配)
     

    公司相关联岗位

    交互设计师
    专注于体验设计,即为设计行为,做符合逻辑的设计,落地高效,简洁.
    必备技能:交互理论,代码实现,动效.

    动效交互(Interaction)
    行为设计的核心一定带着时间轴的设计Game UI(游戏ui)
    多端UI(智能设备,车载,物联网)

    开发
    前端:网页页面,包括控件布局,色调,字体,控件响应等待,技术层面上的前端 HTML+CSS+JAVASRIPT
    后台:管理网站也叫网站管理后台,比如文章,查看数据浏览等待.

    产品经理(Product  Manager)简称:PM
    负责产品功能的定义、保证团队顺利开展工作及跟踪程序错误,搜集用户需求、竞品资料,需求分析、竞品分析以及研究产品的发展趋势

    运营(operational)
    内容建设,用户维护,活动策划
    负责已有产品的优化和维护,目前缺少大量的运营UI设计师——岗位空缺

    运营设计师(operational UI Designer)
    重垂视觉设计
    高级视觉设计师,负责产品的短时间曝光,抓人眼球.

    测试(Quality Assurance)简称:QA
    负责产品的错误排查,负责产品的多平台适配,兼容性等问题,是产品的保险类职业,这类工种只在不教成熟的公司里出现.

    相关文章

      网友评论

          本文标题:UI设计课堂重梳理笔记

          本文链接:https://www.haomeiwen.com/subject/qivdgctx.html