こんにちは！雪田です。今回は、活気あふれる大衆居酒屋のデジタルメニューや親しみやすいお品書き、週末の賑やかな宅飲み・晩酌実況の画面装飾などを、最高に楽しい乾杯の空気感で満たしてくれる、「ハイボール（ジョッキ）」の洗練されたミニマルアイコン素材を作成しました！

みほん

ハイボール(ジョッキ)を表すミニマルアイコン素材

PNG形式

SVG形式

ジョッキに入ったハイボールらしい雰囲気が伝わりやすく、飲み物関連のデザインに取り入れやすいのも特徴です。お酒の案内やメニュー表示はもちろん、雑談配信、飲み会風のサムネイル、居酒屋やバーをイメージしたデザインにも合わせやすい素材です。

この素材について

この素材は、居酒屋やお祭りの定番ドリンクであるジョッキハイボールをモチーフにした、無駄のないスタイリッシュな単色アイコン素材です。頑丈で厚みのあるジョッキの持ち手、ゴロゴロと入った氷、そして液体に浮かぶカットレモンのシルエットをすっきりとまとめているため、大衆酒場のような賑やかな雰囲気を出しながらも、画面の中で重くなりすぎないのが特徴です。

制作の裏話：コップ型と徹底差別化！賑やかさを届ける「ジョッキの持ち手と氷の立体カット」

このアイコンをデザインするときに一番試行錯誤したのは、「さっき配布したコップ型のハイボールのスマートさとはガラリと印象を変えて、どれだけ居酒屋らしいワイワイとした賑やかさを演出できるか」という点です！
ジョッキに入ったドリンクのマークって、ガラスの凹凸や炭酸の気泡をリアルに描き込みすぎると、スマホの小さな一覧画面などに縮小したときに要素がくっついて、ただの「中身が濁ったマグカップ」に見えてしまうんですよね。

そこで、どんな極小サイズや解像度で表示しても、ユーザーが一瞬で「あ！キンキンに冷えたカットレモン入りの炭酸ハイボールだな！」と直感できるように、ジョッキ特有の太い取っ手や、中に浮かぶ角氷の傾きを1ピクセル単位で徹底的に計算して仕上げました。コップ型の素材よりも少しカジュアルで、みんなで豪快に「カンパイ！」とする楽しさを、スマートに画面へ伝えてくれますよ！

  • ハイボールやお酒の賑やかな雰囲気が文字なしでも一瞬で伝わる、無駄のない洗練されたミニマルデザイン
  • 大衆酒場のデジタルメニューから週末の飲み会告知バナーまで、どんなエンタメスペースにも綺麗に馴染む高い汎用性
  • ドリンクメニューのカテゴリーアイコンなど、小さなスペースにたくさん並べても全体の美しさを損なわない高い視認性
  • 単色パーツだから、レモンを引き立てる爽快なイエロー、ウイスキー本来の琥珀ゴールド、資料用のグレーなど自由に変色OK
  • 手軽に配置できる透過PNG形式と、どれだけ拡大・縮小しても境界線が絶対にぼやけないSVG形式を同梱

こんな場面で使ってみて！おすすめの活用法

「サワー・ハイボール類」「宴会・飲み放題メニュー」「週末の晩酌テーマ」など、メニューの品目を賑やかに整理したり、お祭りのような楽しさを足したりしたいあらゆる場面で大活躍してくれます。

  • 親しみやすい居酒屋や焼き鳥店のWEBサイト、タブレット注文メニューでの、「ハイボール・お酒一覧」「飲み放題プラン」の見出しアイコン
  • グルメブログや地域情報サイトでの、せんべろ街の探訪記、家飲みを最高に楽しくするおつまみレシピ、お酒の豆知識コラムのアイキャッチ
  • サークルや会社のオンライン懇親会の告知バナーや、週末の「お疲れ様晩酌枠」「宅飲み雑談配信」のライブ配信画面用マーク
  • 「雪田屋」の他のグルメ系素材（ビールジョッキや料理など）と並べて配置する、宴会コースやおすすめのセットメニューを整理したインフォグラフィック

たとえば、ドリンクメニューの見出し横に置いたり、雑談配信の画面内に添えたり、居酒屋風のバナーやサムネイルに配置したりできます。ビール、瓶、グラス、あるいはこれまでに配布した各種ミニマルアイコン素材と組み合わせることで、画面全体の役割や優先度の流れもさらに綺麗に整理しやすいですよ！

PNG形式とSVG形式の使い分け

【PNG形式】
背景が最初から透明になっている画像データなので、ブログ記事の本文に直接貼り付けたり、オンライン飲み会の案内を載せたプレゼン資料、動画のテロップ横などにそのままポンと配置して手軽に使いたいときにぴったりの形式です。

【SVG形式】
どれだけ拡大・縮小しても境界線が絶対にぼやけないベクターデータです。Webサイトの注文システムメニューやアプリのUIシステムパーツとして組み込んだり、さっきのコップ型やビールジョッキ素材と大きさをミリ単位でそろえたり、お店のテーマカラーに合わせて見た目を100%最適化したりしやすい形式です。

加工・アレンジの例

無駄を削ぎ落とした単色アイコンは、色や背景との組み合わせ次第で、ネオ居酒屋風のポップさから伝統的な酒場のレトロ感まで色んな表情を演出できます。

  • 鮮やかなレモンイエローに変更してフレッシュなサワー感を強めたり、深いウイスキーゴールドにしてこだわりハイボールの見出しバナーにする
  • 優しいパステル調の背景の上にこのアイコンを白抜きで配置して、スマホアプリのメニューみたいな押しやすいUIボタンにする
  • 先に配布した「ビールジョッキ」のアイコンと並べて配置し、「とりあえず生！」と「やっぱりハイボール！」を直感的に選べる賑やかなメニュー表にする
  • 「カレンダー」の素材の横に小さく並べて、「今週の華金は晩酌雑談配信！」というイベントスケジュールをスマートに可視化する

ハイボールは、お酒、飲み物、居酒屋、バー、飲食店、メニュー表示などを表したいときに誰もがハッピーになれる定番のモチーフだからこそ、飽きのこない使いやすさに徹底的にこだわりました。皆さんの分かりやすくて優しいデザイン作りに、たくさん役立ててもらえると嬉しいです！

飲み物,趣味,健康,モノ,リクエスト