reading note of about face 3

定义交互框架

- 定义外形因素、姿态和输入方法
- 定义功能和数据元素
- 决定功能组和层次
- 勾画出大致的交互框架
- 构建关系线路场景和剧本
- 通过验证性的场景剧本来检查设计
- 形式(工业设计师、图形设计师)+ 内容(信息架构师、文字编写人、动画制作师) + 行为(交互设计师)

信息架构中的三个图

- 情境 (商业目标、资金、政治、文化、资源及限制)
- 内容(文件/资源类型、内容对象、数量、现存机构)
- 用户(受众、任务、需求、信息搜索行为、体验)

四种常见信息需求

- 每样东西(无遗漏搜索)
- 一些好东西(探索式搜索)
- 再次需要(重新找到)
- 正确的东西(已知时搜索)

交互词汇(从高层到低层)

- 习惯用法(应用相关的命令和反馈)
    - 输入
        - 删除、创建、绘画
    - 输出
        - 滚屏、分类、对话框
- 组合词(通用输入输出动作和符号)
    - 输入
        - 双击、按钮单击、选择
    - 输出
        - 编辑字段、多选框、突出显示
- 原语(不可切割的动作和反馈机制)
    - 输入
        - 指向、单击、拖动、按键
    - 输出
        - 光标文本

the reading note of web page design

背景

接触 web 最开始的时候,是做重构,那个时候便想着一定要学下网页设计,于是就找了下面这本书。

reading notes

作者是一个叫 jason Beaird 的外国友人写的,非常的薄,但胜在把一些纲领都列了出来。

内容结构

  • 版面设计与构成
  • 色彩(颜色搭配)
    • 单色搭配
    • 相似色搭配
    • 补色搭配
    • 美异补色、三阶色、四阶色
  • 材质
    • 线
    • 图案
    • 广度和深度
    • 风格
    • 排版
    • 字体
    • 标点、符号
  • 修饰
    • 照片库

LAMP learning

最近一直在折腾 LAMP 的东西,不过进度实在太慢了…..

先贴个雏形吧,应该还会有很多需要修改的地方… 我得加入自己的元素才行…

下面这个是 grunge 风格的 wp 主题,很个性的一种风格… 在图片的处理上,借鉴了上次太空人的方法,首先 overlay 照片,再高对比反差,出来的黑白效果真得很不错….

这个是上次跟着教程做的太空人…. 嗯…. 放了只猫上去….

cat

website