グラフィックデザイン|Hand-Heart 2025年 巳年グリーティングカード

Hand-Heart Design Firm(手心設計事務所)の2025年・巳年の年賀カードが、2026年ドイツ・レッドドット・デザイン賞(Red Dot Design Award)を受賞しました。「蛇の脱皮」を中心のモチーフに据え、引き出し式のカードスリーブで、蛇が脱皮して生まれ変わる過程を描いています。中には蛇の鱗の紋様を受け継ぐ3種類の紅包(お年玉袋)を収め、箔押しと鮮やかな配色で祝福、温かさ、そして限界を突破する力を表しました。新しい一年へ踏み出すエネルギーを届けるカードで⁠す⁠。

reddot winner 2026 レッドドット・デザイン賞 受賞マーク

2026年 ドイツ レッドドット・デザイン賞 Red Dot Winner
本作品は、2026年ドイツ・レッドドット・デザイン賞(Red Dot Design Award)を受賞しました。Hand-Heart は、どの案件にも同じ物差しで向き合うべきだと考えています。年賀カードも大規模なコーポレートアイデンティティ(CIS)のプロジェクトと同じく、コンセプトの発想から素材選び、印刷加工まで一つずつ検証しています。Hand-Heart の受賞歴をすべて見る →

Design Concept

Hand-Heart の2025年・巳年の年賀カードに込めたものと⁠は⁠?

2025年を振り返ると、Hand-Heart の年賀カードは「蛇」を中心のモチーフに据えていました。カードスリーブを引き出す仕掛けで、蛇が脱皮し、姿を変えていく過程を描いています。層を重ねるように移り変わる蛇の紋様には、その一年、挑戦に向き合いながら自らを解体し、組み立て直し続けた私たちの姿も映し出されていま⁠す⁠。

スリーブと3種類の紅包で、蛇の脱皮をどう表したの⁠か⁠?

中に収めた3種類の紅包(お年玉袋)は、蛇の鱗の紋様を受け継ぎ、それぞれ異なる色で2025年への思いを表しています。
赤系の地に箔押しの鱗を重ねたものは祝福と温かさを、鮮やかに弾む蛇の紋様の配色は、限界を突破する力、創造、そしてまだ見ぬ未来を表していま⁠す⁠。

祝福を形だけで終わらせず、新しい一年へ向かうエネルギーにつなげたいと考えまし⁠た⁠。

この年賀カードは、コンセプトから完成までどう進んだの⁠か⁠?

2024年12月11日(ファイルの日付による)のデザイン検討では、二つのコンセプトの方向性が示されました。一つは、外袋を破って開く動きで蛇の脱皮を表し、開くと中から紅包が現れる案です。もう一つは銀色の蛇とリンゴを組み合わせた案で、中国語で「もったいなくてかじれない」を意味する言葉と音が通じる「蛇不得咬」という語呂合わせから発想しています。続く12月18日には、5種類の地色に金と白の2層の図柄を重ね、ランダムに組み合わせて異なる紋様をつくる方法を試しまし⁠た⁠。

同じくファイルの日付で見ると、12月25日にはスリーブを引き出し式の構造として提示し、グレー地とブラウン地の2通りで引き出したときの見え方を示して、紅包との組み合わせも確かめています。12月30日には、紅包を3組に整理しました。扇形の鱗紋を用いた深紅とコーラルレッドの組、円形の鱗紋を用いた青紫とマゼンタの組、そしてオレンジとマゼンタの鱗紋を用いた組です。このページの完成品と見比べると、グレーのスリーブの表面には白と金の鱗で構成した蛇の姿が印刷され、側面には「PLEASE PULL」と記した円形のつまみが付いています。3種類の紅包のうち、赤系に箔押しの鱗紋を施した2点は扇形の鱗紋の組に近く、マゼンタ、イエローグリーン、白の円形の鱗紋で構成した1点は、円形の鱗紋の組のマゼンタ版に近いもので⁠す⁠。

この事例は、どんな年賀カードづくりの参考になるの⁠か⁠?

年賀カードづくりで次のような状況にある場合は、この事例の進め方を参考にできま⁠す⁠。

  • 毎年のカードに新しさを出したい場合は、地色に金と白の図柄を重ねていく紋様の試作を参考にできま⁠す⁠。
  • カードの形式と加工をあわせて決めたい場合は、引き出し式のスリーブと、紅包に施した箔押しの鱗との組み合わせも参考になりま⁠す⁠。

参考にする際は、まず紋様を試作し、そのあとで引き出し構造と箔押しの組み合わせを検討する順に進めるとよいでしょ⁠う⁠。

この年賀カードのビジュアルデザインには、蛇の鱗の紋様、引き出し式のスリーブ、紅包の箔押しの鱗が含まれま⁠す⁠。

平面設計|手心設計 2025年 蛇年賀卡 Hand-Heart Design Lunar New Year Card Design|手心設計事務所(作品圖 1)
平面設計|手心設計 2025年 蛇年賀卡 Hand-Heart Design Lunar New Year Card Design|手心設計事務所(作品圖 2)
平面設計|手心設計 2025年 蛇年賀卡 Hand-Heart Design Lunar New Year Card Design|手心設計事務所(作品圖 3)
平面設計|手心設計 2025年 蛇年賀卡 Hand-Heart Design Lunar New Year Card Design|手心設計事務所(作品圖 6)

完了時期
ゼネラルマネージャー
プロジェクト企画
デザイナー
書体

2024.12
徐志揚
王彥筑
吳冠賢、蘇筱雯、葉子豪
Morisawa Arphic(森澤文⁠鼎⁠)

ブランド応用デザイン|国家資通安全研究院(NICS)

Hand-Heart Design Firm(手心設計事務所)は、国家資通安全研究院(NICS)のブランド応用デザインを担当しました(2025年完了)。既存のロゴを変えないことを前提に、その六角形をもとに補助グラフィックの識別システムを構築しています。「防護シールド、保護のチェーン、両手とハート」のイメージを取り入れ、理知的で硬くなりがちな情報セキュリティの専門性を、温かみのある「守られている」という感覚で伝えています。さらに色彩計画、ピクトグラム、書籍のエディトリアルデザイン、プレゼンテーション規定へと展開し、一貫性があり長く運用できるブランド応用システムを整えていま⁠す⁠。

Design Concept

国家資通安全研究院は、国の情報セキュリティ技術力の向上と、情報セキュリティ技術の研究開発・応用の推進を担う行政法人です。同院にはすでにロゴがあり(このロゴは Hand-Heart の制作物ではありません)、これまで視覚面では技術的な印象や現代性に欠けるという課題を抱えていました。既存のロゴを変えないことを前提に、私たちはブランドの本質から出発してコミュニケーションの方向性を整理し直しました。「科学技術と技術力」「市民への親しみやすさ」「安全と安心」を理念にとどめず、目で見て感じ取れる視覚言語にしています。
政府機関にありがちな伝統的で堅い印象を払拭するため、既存ロゴの六角形をもとに、グラデーションと構造の変化で技術を感じさせる視覚的なリズムをつくりました。あわせて「防護シールドと保護のチェーン」「両手とハート」のイメージを重ね、補助グラフィックによる識別システムを構築しています。これにより、理知的で硬い印象を与えがちな情報セキュリティの概念と機関のロゴを、温かみのある「守り」の感覚で表現できるようになり、ブランドとして展開できる余地も生まれました。この視覚言語を一つの図形にとどめず、さまざまな場面に対応できるシステムへと発展させています。補助グラフィックによる識別システムを整え、「安心・安全・安定・レジリエンス」という価値を、どの応用でも一貫して明確に伝えられるようにしました。
私たちが NICS のために構築したのは、個々の視覚要素ではなく、長く運用できるブランドアイデンティティの応用システムです。色彩計画、補助グラフィック、ピクトグラムのデザインから、書籍のエディトリアルデザイン、プレゼンテーション規定まで、受ける印象は一貫させながら表現には幅を持たせた識別システムによって、媒体や場面が変わってもブランドの識別性と親しみやすさを保てるようにしています。

ロゴを変えずに、NICS は何を解決する必要があったの⁠か⁠?

NICS が向き合っていた課題は三つありました。既存のロゴは変えないこと、視覚的な印象が古くなっていること、そして伝統的で堅い印象を持たれがちな一方で、市民への親しみやすさも求められていることで⁠す⁠。

  • NICS にはすでにロゴがあり、Hand-Heart の制作物ではありません。このロゴを変えないことが、本プロジェクトの前提でし⁠た⁠。
  • 2024年8月の補助グラフィックの初稿では、まず既存のグラフィックに必要な更新の方向性を整理しました。技術的な印象を強めることも、その一つで⁠す⁠。
  • 政府機関には伝統的で堅い印象がつきまといがちで、NICS のブランド応用には市民への親しみやすさも求められていまし⁠た⁠。

NICS のブランド応用の要件は、どのように整理されたの⁠か⁠?

まず事前のヒアリングと調査を通じて、NICS の要件を「科学技術と技術力」「市民への親しみやすさ」「安全と安心」の三つの方向に整理し、同院の五つの中核価値である安全、技術、主体性、レジリエンス、信頼とそれぞれ対応づけました。この三つの方向が、その後すべての補助グラフィック案を検証する基準になっています。第1版の初稿では、テクノロジーパネル、情報のチェーン、グラデーションといった情報を表す記号を出発点に、デザイン思考で形を変換し、4種類の補助グラフィックを展開しまし⁠た⁠。

補助グラフィックは、二つの方向性からどう一つのシステムにまとまったの⁠か⁠?

2024年8月の第2版の初稿では、二つの方向性を提示しました。A案「信頼を共に築き、安全をスマートにつなぐ」は、ブランドの六角形を変形させ、グラデーションで市民とのつながりを感じさせる個性を表したものです。ロゴを手やバックル、チェーンと組み合わせて「安全」を、包み込むように抱く形や信号と組み合わせて「安定」を、屋根の形の盾や両手で包んだハートと組み合わせて「安心」を表しています。B案「世代をつなぎ、安全を守る」は、既存の造形を単位に分解し、デジタル記号として組み直すことで、デジタル世代を守るという意味を込めまし⁠た⁠。

このページに掲載した完成形と見比べると、ロゴに手やチェーン、ハートなどを組み合わせたアイコンや、六角形のグラデーションから展開したグラフィックが見られます。正式なシステムに引き継がれているのは、A案の六角形のグラデーションと、「安全・安定・安心」の三つの場面を表すイメージで⁠す⁠。

ガイドラインとプレゼンテーションのテンプレートは、どのように仕上がっていったの⁠か⁠?

補助グラフィックが固まった後、補助グラフィックの規定、ブランドの色彩計画、書籍の規定を一つのガイドラインにまとめました。2024年8月末(ファイルの日付による)に第1版が完成し、9月の版でプレゼンテーションのテンプレートを加え、10月上旬には第5版まで進めています。その間、書籍の表紙や広告のシミュレーションも並行して試作しました。このページで見られる応用例は、文書のレイアウト、書籍『企業網路安全指引』(企業向けネットワークセキュリティの指針)の表紙、プレゼンテーションのテンプレート、ウェブページの画面、バナースタンドで⁠す⁠。

NICS の補助グラフィックとガイドラインは、それぞれ何のためのもの⁠か⁠?

補助グラフィックは技術的な印象と市民への親しみやすさという要件に応えるため、ガイドラインは書籍やプレゼンテーションなどの応用で一貫性を保つためのもので⁠す⁠。

  • 補助グラフィックは既存ロゴの六角形を基礎に、グラデーションと構造の変化を加えています。視覚的に技術的な印象が足りないという課題に応えるためで⁠す⁠。
  • 提案の A案は、六角形の変形とグラデーションで市民とのつながりを感じさせる個性を表しました。IT企業にありがちな冷たいイメージから抜け出すことが、その狙いで⁠す⁠。
  • 完成形と見比べると、システムには A案の三つの組み合わせのイメージが引き継がれ、「安全」「安定」「安心」をそれぞれ表していま⁠す⁠。
  • A案・B案とも「科学技術と技術力」「市民への親しみやすさ」「安全と安心」の三つの方向に沿って設計しており、提案には A案で安心・安全・安定の感覚を表すことが明記されていま⁠す⁠。
  • 補助グラフィックの規定、色彩計画、書籍の規定を一つにまとめ、プレゼンテーションのテンプレートも加えました。媒体が変わっても識別性と親しみやすさを保つためで⁠す⁠。

NICS の事例は、どのような機関や法人の参考になるの⁠か⁠?

機関や組織が次のような状況にある場合は、NICS の事例の進め方を参考にできま⁠す⁠。

  • 既存のマークは残したいものの、文書やプレゼンテーション資料が古く見える場合は、マークの形をもとに補助グラフィックを展開する方法を参考にできま⁠す⁠。
  • 業務が技術寄りで理性的な印象を持たれがちな一方、市民には身近に感じてほしい場合は、まず要件をいくつかの方向に整理し、それぞれのグラフィックで応えていく進め方が参考になりま⁠す⁠。
  • 書籍、プレゼンテーション資料、ウェブサイトを別々の担当者が制作している場合は、補助グラフィック、色彩計画、書籍の規定、プレゼンテーションのテンプレートを一つのガイドラインにまとめる方法を取り入れてみてはいかがでしょう⁠か⁠。

参考にする際は、まず要件を整理し、次に補助グラフィックを展開して各グラフィックがその要件に応えているかを確かめ、最後に色彩・書籍・プレゼンテーションの規定をまとめる順に進めるとよいでしょ⁠う⁠。

既存のロゴを生かして補助グラフィックと応用規定を展開する考え方は、コーポレートアイデンティティ(CIS)のページで紹介していま⁠す⁠。

品牌應用設計|國家資通安全研究院 National Institute of Cyber Security|手心設計事務所(作品圖 2)
品牌應用設計|國家資通安全研究院 National Institute of Cyber Security|手心設計事務所(作品圖 3)
品牌應用設計|國家資通安全研究院 National Institute of Cyber Security|手心設計事務所(作品圖 5)
品牌應用設計|國家資通安全研究院 National Institute of Cyber Security|手心設計事務所(作品圖 1)
品牌應用設計|國家資通安全研究院 National Institute of Cyber Security|手心設計事務所(作品圖 6)

完了時期 ゼネラルマネージャー プロジェクト企画 デザインリーダー デザイ⁠ナ⁠ー

2025.12 徐志揚 蕭婉智、呂宜家 李奕臻、潘東 吳俊賢、黃胤展、謝心怡、王⁠啓⁠明

情報デザイン|United Way of Taiwan

Design Concept

United Way of Taiwan(聯合勸募)の『2025年 成果レビュー』では、Hand-Heart Design Firm(手心設計事務所)が情報デザインを担当しました。両者の協働は5年連続となります。テーマは「私たちは誰もが、この世界のシャベル・ヒーローになれる」です。1年間の活動と成果を四つの章に分け、ヒーローコミックのコマ割り、手描きのキャラクター、黄と青の配色で、インフォグラフィックと情報の優先順位を整理していま⁠す⁠。

一コマずつ、支援がもたらす変化を見えるかた⁠ち⁠に

5年連続で、私たちは United Way of Taiwan(聯合勸募)とともに1年間の活動と成果を整理してきました。情報デザインによって膨大なデータと社会貢献の物語を理解しやすくし、一つひとつの支援がもたらした変化をはっきりと見えるようにする方法を考えていま⁠す⁠。

昨年は「寄付のヒーローズ・ジャーニー」として、一件の寄付が人を助ける力へと変わっていく道のりを描きました。今年は「シャベル・ヒーロー(Shovel Heroes)」をテーマに、日々の暮らしのなかで善意を行動に移し、社会のほころびを繕い続ける人々へと視点を移しています。「シャベル・ヒーロー」が伝えるヒーロー像から、古典的なヒーローコミックの視覚言語をインフォグラフィックにまで広げ、1年間の成果をヒーローの物語のように一コマずつ展開しました。
資訊視覺化 設計|聯合勸募 United Way of Taiwan|手心設計事務所(作品圖 2)

この成果レビューは、どのような章立てになっているの⁠か⁠?

提案では、内容を四つの章に分けました。Chap 1「深淵が生まれる前に」は、問題が深淵になる前に、毎日黙々と穴を埋めている人々の章です。Chap 2「社会の修理ステーションはどう動いているか」では、365日の支えと、手の届かないところを補う働きを描きます。Chap 3「受け止められた後で」は、事態がそれ以上悪化しないようにする取り組みの章です。Chap 4「2025-社会修理完了リスト」は、年間成果の総覧とインパクトマップで締めくくっていま⁠す⁠。

膨大なデータとサービス情報を整理するために、コミックのコマ割り、コマをまたぐ構図、吹き出し、インフォグラフィックを用いて情報の優先順位を整理し直しました。さらに、網点、スピード線、手描きのキャラクター、彩度の高い黄と青の配色といったコミックならではの表現を加え、すっきりとしながらも質感のある色調に仕上げています。読み心地をきめ細かく整え、客観的な情報に物語性とヒーローらしさを与えました。リズムのある構図と情報の階層づけによって、内容どうしの関係を直感的に理解し、共感しやすい構成にしています。

資訊視覺化 設計|聯合勸募 United Way of Taiwan|手心設計事務所(作品圖 3)

デザインはどのような順序で仕上がっていったの⁠か⁠?

2026年4月2日(ファイルの日付による)のラフ案では、まずグレースケールの線画で四つの章のコマ割りレイアウトとイラストを配置し、各ブロックは後の段階で配色を変えて区別することを書き添えました。4月27日の初稿案では黄や青などの配色で章を区別し、この時点では、第3章と第4章のイラストを次回の提案で仕上げると注記しています。5月15日の版では四つの章すべてにイラストが入り、プロジェクトは2026年5月に完了しまし⁠た⁠。

デザインの役割は、情報を読みやすくすることだけでなく、読むことを理解への入り口にすることだと私たちは考えています。一件の寄付、一つの資源から、実際に起きた一つひとつの変化まで⁠——情報デザインによって、United Way of Taiwan の1年間の活動と成果がよりはっきりと見えるようになることを願っています。そして、5年間で積み重ねてきたブランド資産によって、一つひとつの支援の背後にある力が、さらに遠くまで届いていけばと思っています。

この事例は、どのようなパートナーの参考になるの⁠か⁠?

成果レビューの制作で次のような状況にある場合は、United Way of Taiwan の事例の進め方を参考にできま⁠す⁠。

  • 毎年の成果レビューに新しさを出したい場合は、ヒーローコミックのコマ割りや手描きのキャラクターを参考にできま⁠す⁠。
  • 成果レビューのデザイン範囲を検討している段階なら、四章構成、インフォグラフィック、年間成果の総覧という組み立てが参考になりま⁠す⁠。

参考にする際は、まず章立てを決め、そのあとでインフォグラフィックと情報の優先順位を整えるとよいでしょ⁠う⁠。

年次の成果レビューにおける章立てとインフォグラフィックは、ビジュアルデザインの応用例で⁠す⁠。

資訊視覺化 設計|聯合勸募 United Way of Taiwan|手心設計事務所(作品圖 5)

完了時期
プロジェクトマネジメント
デザインリーダー
デザイ⁠ナ⁠ー

 

2026.05
蘇連捷
李奕臻
李品蓁