美文网首页
《数媒视觉设计》学习笔记

《数媒视觉设计》学习笔记

作者: 芳记20 | 来源:发表于2020-02-10 16:04 被阅读0次

一、用户对产品的需求层次:功能性——稳定性——易用性——智能性——愉悦创造性。

二、产品定位,不是你觉得,而是“用户觉得”。

市场调查方法:(1)观察;(2)访谈;(3)问卷;(4)焦点小组座谈(即集体座谈,可以集思广益,但容易产生从众效应)。

三、界面设计的流程:

(1)战略层:用户是谁?用户有什么特点?为什么要做这款产品?用户能够从这款产品得到什么?产品的经营者又能得到什么?商业模式是什么?希望给用户带来什么体验?

(2)范围层:功能范围,产品应具备哪些特性,提供哪些功能。

(3)结构层:产品的信息架构,功能点及之间的关系。

(4)框架层:页面布局。

(5)表现层:用户看到什么。

连锁反应应该是双向的,某一环节的变动,都需要考虑上一层和下一层。

四、(1)信息架构:自上而下(由大类到细目)、自下而上(由细目到大类)相结合。

(2)流程梳理。业务流程,操作流程,使用流程。

(3)线框图①展示出产品的功能范围。②体现出产品信息或功能之间的联系以及优先级。③体现出某一类信息或功能的布局规则。

(4)原型:低保真原型,高保真原型。可以早期发现关于用户需求、产品功能、界面交互设计方面的问题。

五、界面设计流程:(1)结构设计;(2)交互设计(创意概念要素、情感要素、视觉要素、听觉要素、情感要素);(3)视觉设计。

六、图形界面的需求分析主要分析元素包括:界面主色调、字体色彩、字体大小、界面布局、交互设计、界面功能分布、界面输入输出模式。

七、图形界面的审美趋势包括:更轻量化设计、单一字体、不再使用线条、分层界面、更短的用户操作流程。

扁平化设计:拒绝特效,简洁,排版优化,关注色彩表现。

八、空间布局

(1)8像素栅格,以8px为单位(主流屏幕尺寸都是8px的整数倍),利用8px的倍数来规定页面中元素的尺寸及间距。

(2)留白。层次感,焦点,韵味,呼吸。

九、色彩搭配。(1)同类色搭配(如蓝与浅蓝),效果统一,容易体现产品特点,但可能会单调乏味;(2)邻近色搭配(色环上相距90度,如黄与黄绿、蓝与蓝绿),可调节明度避免单调;(3)对比色(色环上相距120度,如蓝与黄、红与黄),比较醒目,宜降低纯度提高明度防止视觉疲劳;(4)互补色(色环上相距180度,如黄与紫),视觉冲击力强。(5)多色搭配,不宜超过四种,选一种作为主导色,按照主体色、辅助色、强调色6:3:1的原则搭配使用。

十、图标

(1)包括功能型图标、展示型图标;线构图、面构图、线面组合图。

(2)图标设计原则:1)可识别性,准确传达,减少错误理解或操作;2)差异性,有辨识度;3)风格统一;4)与界面协调。

(3)图片常用比例:1:1,4:3,16:9,16:10。

——《数媒视觉设计》课程网址http://www.icourse163.org/learn/HNZJ-1003424001?tid=1206098301#/learn/content?type=detail&id=1210649354&cid=1212933376

相关文章

  • 《数媒视觉设计》学习笔记

    一、用户对产品的需求层次:功能性——稳定性——易用性——智能性——愉悦创造性。 二、产品定位,不是你觉得,而是“用...

  • Chapter 17 整合视觉设计

    此文仅为《About Face 4:交互设计精髓》的读书笔记,有学习需要请支持正版。 视觉艺术与视觉设计 当代艺术...

  • day2 《涂鸦笔记》什么是涂鸦笔记

    ️️❄️涂鸦笔记是内容丰富的视觉笔记,包含书法,绘画,手绘版面设计,形状视觉元素:包括箭头方框线条等。 ...

  • 视觉笔记 | 读书笔记

    看书学习思维导图,笔记做成视觉笔记。 做了几期视觉同传的现场视觉笔记,超级锻炼,语言提取能力和图形表达能力。 然后...

  • 重磅消息丨中国美院官方公告已发布,线上初试不分专业!

    资讯快览: 1.对于造型、设计、图媒、环境艺术、艺术与科技、数媒专业,实施“初试+复试”选拔方式,初试不分专业。 ...

  • 学习视觉笔记让我感到开心

    我因为看了秋叶大叔的《视觉笔记》这本书后,对视觉笔记产生了兴趣,苦于看了书但不会制作视觉笔记,于是萌生了想去学习,...

  • 视觉笔记|从新手到高手的4个阶段

    文/孟路 在《秋叶特训营:视觉笔记7堂课》这本书中,作者给出了学习视觉笔记的建议以及如何成为视觉笔记高手的4个阶段...

  • 视觉笔记(1)

    《视觉笔记》第一章梳理 01.为什么要学习使用视觉笔记 借助视觉笔记,你可以提高自己的沟通和交流能力,也可以为更好...

  • 视觉笔记不是美化后的笔记?

    不会画画也可以学会的视觉笔记,如何画笔记? 虽然自己已经做了很久的视觉笔记,但还是希望系统的学习...

  • 视觉笔记入门

    学习视觉笔记入门,换个方法来阅读并做笔记

网友评论

      本文标题:《数媒视觉设计》学习笔记

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