In the Feed Follow us on social networks to get highlighted content
In the Feed Follow us on social networks to get highlighted content
主な仕事に国立新美術館のシンボルマークデザイン、ユニクロ、楽天グループ、セブン-イレブンジャパンのブランドクリエイティブディレクション、「カップヌードルミュージアム」「ふじようちえん」のトータルプロデュースなど。近年は日清食品関西工場や武田グローバル本社など、 大規模な建築プロジェクトにも従事し「ユニクロパーク横浜ベイサイド」「くら寿司浅草ROX店」は、特許庁による日本国内初となる内装意匠に登録された(2020年11月)。また、文化庁・文化交流使としていくことにも注力している。 毎日デザイン賞、東京ADCグランプリほか多数受賞。慶應義塾大学特別招聘教授(2012-2020)、多摩美術大学客員教授。著書「佐藤可士和の超整理術」(日本経済新聞出版社)ほか。2021年春には国立新美術館にて「佐藤可士和展」開催。
欧文書体の国際コンペティションで2度のグランプリを獲得して 2001 年よりドイツ在住。有名な書体デザイナーであるヘルマン・ツァップ氏、アドリアン・フルティガー氏と共同で両氏の過去の名作書体の改良版を発表するほか、欧州やアジアのブランド専用欧文書体も多く手がけている。日本語書体では、モノタイプデザインチームと開発した「たづがね角ゴシック」、また同デザインチームに中村征宏氏を招いて開発した「Shorai Sans」のディレクションを担当した。書体開発のほかにも、東京タイプディレクターズクラブやドイツ Red Dot 賞をはじめ世界的なコンテストの審査員を務め、講演やワークショップもおこなっている。 著書に、『欧文書体:その背景と使い方』、『欧文書体2:定番書体と演出法』、『フォントのふしぎ:ブランドのロゴはなぜ高そうに見えるのか?』(いずれも美術出版社)、『まちモジ:日本の看板文字はなぜ丸ゴ
「ウェブデザインの思考法」をベースに開催した勉強会のスライドを公開します。 20名ほどの方にお申込みいただき、2日間に分けて2回同じ内容で開催しました。 【アジェンダ】 1.「ウェブデザインの思考法」について 2.デザインの情緒性とは何か 3.ワークショップ 【本日のゴール】 デザインを情緒性の軸に分解して見る方法がなんとなくわかるようになる 1.「ウェブデザインの思考法」について 本勉強会は、デザインの機能性と情緒性のうち、情緒性について取り扱う なぜデザインの情緒性を学ぶ必要があると思ったか クライアント側には語彙がないため、それを鵜呑みにするとアウトプットにズレが生じる ヒアリング時点でこちらからたくさん言語化をして、掘り下げを行う必要がある イメージを表現するたくさんの言葉を持っておきたい 言語化の指針として頼りになるのが「情緒性の6つの軸」である 軸はイコライザーのようにそれぞれ
Monotype Fontsは、クリエイティブによるクリエイティブのための唯一のオンデマンドフォント配信サービスです。複雑なプロセスを省き、印象に残るデザインを生み出すことができます。
UC(色のユニバーサルデザイン)とは 「色覚の多様性に配慮した、 誰もが見やすい色使い」です。 「色覚の多様性」について正しく知り、 誰にとっても 見やすい色彩設計を学びましょう。 「色」の見え方は さまざまです。 ご存じですか?自分に見えている色が、他の人にとっても同じように見えているとは限らないことを。色の見え方や色の区別のつきやすさといった特性(色覚特性)は、人によってさまざま。こうした見え方の多様性を理解することが、色のユニバーサルデザインを考える出発点です。 色の区別がつきにくい 「色覚特性」には、 3つのタイプがあります。 1型・2型色覚というタイプは、赤と緑などの区別がつきにくく、3型色覚は黄色と青紫などの区別がつきにくい特性です。また同じ型でもその程度によって見え方は異なります。最近ではシミュレーションアプリを通じて、色覚特性ごとの見え方を確認することができます。 他の人の
角丸の中に別の角丸を配置する場合、余白の大きさに合わせて外側の角丸の数値を設定すると、綺麗に配置できる法則が以前話題になっていました。 quick tip for nested radii → your corners will look a lot better if you set the outer radius to the sum of the inner radius + padding pic.twitter.com/oh9ABFSuQ1 — Aleks (@aleksliving) August 5, 2023 読みやすいように、日本語での表記も記載します。 (計算式)外側の角丸 = 内側の角丸 + 間の余白このポストを拝見した際、参考になると感心しました。その後、多くの方が同様にこの計算式を紹介するようになりました。 しかし私は「なぜこの計算式を用いると綺麗な角丸を作れる
こんにちは!株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー(グローバルナビゲーション)のデザイン事例を調べてみました!パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに:グローバルナビゲーションとは?グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか?」「目的のページはどこか?」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像
グロースやユーザーエクスペリエンス改善に必須のユーザーエクスペリエンスを向上させるためには、意思決定に影響を与えうる心理学やバイアスを理解する必要があります。以下はUXに影響を与える心理的効果とデザイン原則のコレクションです。
最近、注目を浴びているノーコード。 簡単にアプリが作れる人気のノーコードツールGlideなら、プログラミングなしでアプリが作れます。 Glideでは、画像を表示したり、アプリに画像を送信したりすることもできます。 ここでは、Glideのアプリに「画像をスライド表示させるやり方」を紹介します。 Glideとは? Glide(グライド)は、ノーコードツールで、Googleのスプレッドシートを用いて、アプリを作成できるサービスです。 クリックアンドドラッグで操作ができ、テンプレートやスプレッドシートとの連携が容易にできるためプログラミングは必要ありません。 プログラムコードの入力をせずに画面を操作してアプリが作成が可能で、簡単にアプリを作成することができる人気ツール。 Glideは、無料で登録して使用することができます。⇒ Glideの登録 画像をスライド形式で表示 Glideでは、複数枚の画像
こんにちは。今日はロゴ制作において、よく利用させていただいているモックアップサイトを紹介させていただきます。 モックアップのサイトほとんど海外のサイトが多いです。だからこそ中々サイトを見つけにくいですし、なんか怪しく見えてしまうことがあります。 デザイン学びたての時は一番有名な「freepik」さんしか利用してませんでしたが、freepikにないオシャレなモックアップが落ちているサイトも沢山あります。 しかも無料でモックアップの素材をダウンロードさせていただけるサイトも結構多いです。 そもそもモックアップとはそもそもモックアップとは合成画像のことです。 フォトショップを使って簡単に合成画像を作ることができます。 一昔前なら写真を用意して、その上に配置して・・・とおそらく大変な作業だったと思うのですが 今はある程度のモックアップであれば、誰かがつくってくれているものを利用する方が圧倒的に時短
ブランドアイデンティティにとって、ロゴデザインは重要です。 ロゴはWebサイトや名刺だけでなく、商品パッケージ、文房具、広告、製品タグなど、さまざまな印刷物に使われます。 しかし実際のプロダクトに、ロゴをテスト印刷するのはなかなか難しいでしょう。 そこで今回は、さまざまな印刷物のロゴモックアップに使えるPSDテンプレートを61個ご紹介します。シンボルマークやフォントの崩れがないかを確認するのに、ぜひご活用ください。 ロゴのモックアップに使えるPSDテンプレート61選【無料】 1. Free Stationery Mockup PSD 汎用性の高い、紙製品を中心としたモックアップ。ノート、名刺、背景色、散らばるクリップの色も変更できます。 Free Stationery Mockup PSD 2. Free Jack & Son Identity 店舗で使う紙袋や、ショップカードのためのモッ
配色の悩みはAdobe Colorを使えば一発で解決! 配色デザインツールには何種類もありますが私が愛用しているのはAdobe Color。 無料ながらも超使いやすくAdobeccとの連携も便利なAdobe colorについて詳しく解説します。 Adobe ccを安く買う方法はこちら 最強の配色ツールAdobe Colorとは Adobe ColorとはAdobe(アドビ)が提供している無料の配色デザインソフトの事です。 直感的な操作でバランスの良い配色デザインを作り上げることが可能。 作ったカラーパレットは簡単に色コードをコピーしたりPhotoshopやIllustratorなどに自動的に送れます。 Adobe Colorの特徴 シンプルながらも多機能なAdobe Colorの大きな特徴は下記の5点
HOMEStaff BlogWordPressWordPress の theme.json での流体タイポグラフィ(Fluid typography)と 6.4 での 最大・最小 ViewportWidth 指定の覚書 今回は theme.json で指定できる settings プロパティのタイポグラフィの fluid について、WordPress 6.4 で最大・最小 ViewportWidth 指定ができるようになるので、あらためておさらいしながら見ていきます。 流体タイポグラフィ(Fluid typography)とは? 現在のウェブサイトはあらゆる画面幅で見られます。読みやすい文字サイズも画面サイズやレイアウトによって異なりますので、大きな画面では大きな文字サイズに、小さい画面では小さい文字サイズに流動的なフォントサイズにする事…という解釈で良いですよね? 流動タイポグラフィを見
価値観、好き嫌い、得意不得意、自分を理解するのって難しいですよね そこでGPT「Self-Awareness Assistant」を作りました!https://t.co/HWRlor4SZF 日々の出来事や思考を送ると、思考傾向や価値観など分析。溜めた記録からパーソナル診断も可能です! 日常が自己認識のインサイトに変わります! pic.twitter.com/xtvsFNESVi — fkady (@_fkady) December 14, 2023 これは、日々の出来事を記録すると、その内容をGPTが分析してくれる。それが自己認識の形成の助けになる、というものです。 「自己認識に基づいた選択や行動が取れるようになると、日々が生きやすくなり、その積み重ねが自分らしい人生につながるのではないか」と私は考えています。 今回のnoteでは、上記について詳しく書いてみたいと思います。 「生きやすさ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く