Isotype vs Swiss

アイソタイプ / スイス・スタイル

Isotype comes from Information Design and Swiss from Functionalism. One is layout and the other style. They are reached for with some of the same intent, which is where they get confused.

Isotype

Isotype — Otto Neurath & Gerd Arntz, Gesellschaft und Wirtschaft, 1930 — gerdarntz.org より引用Isotype — 『Basic by Isotype』図版 — Wikimedia Commons / Public domainIsotype — ノイラートのアイソタイプ（CC BY 2.0）

Translates quantity into repeated same-size symbols, making comparison readable before language.

Swiss

Swiss — Josef Müller-Brockmann《Beethoven》ポスター 1955 — Wikimedia Commons / CC BY-SA 4.0Swiss — Josef Müller-Brockmann《Musica Viva》ポスター — Wikimedia Commons / Public domainSwiss — Josef Müller-Brockmann《der Film》ポスター — Wikimedia Commons / Public domain

Puts order front and center and makes the information itself the protagonist.

IsotypeSwiss
Era1920s–1940s1950s–
FamilyInformation DesignFunctionalism
KindLayoutStyle
CuesUnified pictograms / Repetition of signs / Axes of comparison / Restricted colorStrict grid / Sans-serif type / Asymmetry / Objective photography
Best used forStatistics comparable without expertise · Basic guidance and education across languagesMaking complex information fast to read · Giving an organization rationality and transparency
TypeShort labels and clear figures; prose stays outside the chartNeutral sans-serif; be bold with size contrast
CompositionFix the unit per symbol; show change by count, never by size12-column grid, left-aligned, asymmetric
MaterialFew meaningful colors, equal line weights, aligned baselinesWhite space and objective photographs; almost no ornament
CautionNever scale one big symbol to show a difference. Always show unit, base and source.Too much tidiness turns anonymous. Keep one strong jump in scale.

Put these two together

Information Design ／ Functionalism

IndexStyle