1-Bit Icon Design

1ビットアイコン / 1982–1990s / 技法 / 界面风格

Susan Kare 为 Macintosh 确立的、只用黑白二值来画图标的做法。她在方格纸上起稿，一格就是一个像素，并把命令改说成日常物件，剪刀代表剪切，垃圾桶代表删除，这样整套图标在任何国家都能不加文字说明就读懂。她的原稿本如今已成为美术馆的收藏品。

只用黑白两个值，灰色由棋盘格式间隔的点来代替 / 轮廓由一像素的线闭合，内部要么填实要么打网点，绝不做明暗过渡 / 剪刀、垃圾桶、文件这些常见物件，直接充当操作的名字 / 能看出一格一个点落下的痕迹，斜线因此折成阶梯

1-Bit Icon Design — Macintosh System 2 のデスクトップ画面 — Wikimedia Commons / CC0 — Macintosh System 2 のデスクトップ画面 — Wikimedia Commons / CC0 ／ Kyra Ocean《MacPaint に描かれた Bill Atkinson の肖像》2013 — Wikimedia Commons / CC BY 2.0

1-Bit Icon Design — Kyra Ocean《MacPaint に描かれた Bill Atkinson の肖像》2013 — Wikimedia Commons / CC BY 2.0 — Macintosh System 2 のデスクトップ画面 — Wikimedia Commons / CC0 ／ Kyra Ocean《MacPaint に描かれた Bill Atkinson の肖像》2013 — Wikimedia Commons / CC BY 2.0

辞典词条

适用场景: 要用不加文字的小图形符号表示操作，并让各语言地区都读出同一个意思时；在既不能放大也不能插值的小框里，只靠轮廓形状把彼此区分开时
字体: 图形里不放文字，名称另起一行放在图外。配用的字体也对齐同一套方格位图，不引入斜体和装饰。
版面: 先把方格打好，一格当一像素起稿。先闭合轮廓再决定内部，框的边缘留出一格的空当。
材料: 颜色只有黑白两种。需要中间明度时，用棋盘式间隔的点做出来，而不是直接引入灰色。斜线保持阶梯状，不做平滑。
注意: 为了增加层次而加入灰色或中间色，就会失去只有二值才能给出的强硬轮廓，图形在真正使用的尺寸下反而读不出来。
延伸阅读: MoMA と SFMOMA が共同で収蔵した Kare の原画帳の記録 / 日用品で命令を言い換えるという発想が、どこまで説明なしに通じたか / 二値の市松で中間調を作る網点の使い分けと、その限界

相关词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link: https://indexstyle.org/zh/styles/one-bit-icon
Markdown: [1-Bit Icon Design — IndexStyle](https://indexstyle.org/zh/styles/one-bit-icon)
HTML: <a href="https://indexstyle.org/zh/styles/one-bit-icon">1-Bit Icon Design — IndexStyle</a>

返回索引中的位置