1-Bit Icon Design
1ビットアイコン / 1982–1990s / 技法 / 界面风格
Susan Kare 为 Macintosh 确立的、只用黑白二值来画图标的做法。她在方格纸上起稿,一格就是一个像素,并把命令改说成日常物件,剪刀代表剪切,垃圾桶代表删除,这样整套图标在任何国家都能不加文字说明就读懂。她的原稿本如今已成为美术馆的收藏品。


快速判断
视觉特征
- 只用黑白两个值,灰色由棋盘格式间隔的点来代替
- 轮廓由一像素的线闭合,内部要么填实要么打网点,绝不做明暗过渡
- 剪刀、垃圾桶、文件这些常见物件,直接充当操作的名字
- 能看出一格一个点落下的痕迹,斜线因此折成阶梯
适用场景
- 要用不加文字的小图形符号表示操作,并让各语言地区都读出同一个意思时
- 在既不能放大也不能插值的小框里,只靠轮廓形状把彼此区分开时
使用这一风格
把简短指引带入项目,或将结构化规格交给AI工具。
详细方法与出处制作规则、真实案例、比较、研究与引用格式
辞典词条
- 字体
- 图形里不放文字,名称另起一行放在图外。配用的字体也对齐同一套方格位图,不引入斜体和装饰。
- 版面
- 先把方格打好,一格当一像素起稿。先闭合轮廓再决定内部,框的边缘留出一格的空当。
- 材料
- 颜色只有黑白两种。需要中间明度时,用棋盘式间隔的点做出来,而不是直接引入灰色。斜线保持阶梯状,不做平滑。
- 注意
- 为了增加层次而加入灰色或中间色,就会失去只有二值才能给出的强硬轮廓,图形在真正使用的尺寸下反而读不出来。
- 延伸阅读
- the record of Kare's original drawing books jointly acquired by MoMA and SFMOMA / how far the idea of restating commands as everyday objects carried without explanation / the use of a two value checker to build midtones, and its limits
相关词条
- Pictogram System (案内用ピクトグラム)共同感受:Technique / Intimacy。比较1-Bit Icon Design与Pictogram System
- Pixel Art (ピクセルアート)共同感受:Play / Technique。比较1-Bit Icon Design与Pixel Art
继续浏览界面风格
从界面风格中按共同感受优先推荐以下词条。
- Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)共同感受:Intimacy / Play。
- Claymorphism (クレイモーフィズム)共同感受:Intimacy / Play。
- Diegetic UI (ダイエジェティックUI)共同感受:Play / Technique。
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- 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>