デザインに関するfal-worksのブックマーク (54)

  • グラフィックデザイン、独学のススメ|遠藤大輔

    【2023年7月15日・アップデート】 こんにちは、遠藤大輔です。フリーのグラフィックデザイナーとして活動しつつ、ニューヨークにあるプラット・インスティテュートという美大でデザインの授業を教えています。 今日は「独学」という視点で、デザイン教育について考えてみたいと思います。宜しくお願いします。 デザインの勉強は、基「独学」美大の講師が「独学」を勧めるとは、とうとう血迷ったな、と思われるかもしれません。しかし「独学」を勧めるからといって、もちろん僕は「通学」(美大や専門学校での学び)を否定している訳ではありません。 人生100年時代、キャリアは50〜60年のスパンで考えなければいけなくなるでしょう。変化の激しいデザイン業界で、デザイナーとして常に現役でいるためには、必死に学び続けなければいけません。しかし、学校でデザインを学ぶことができるのは、(修士課程を含めても)6〜7年ほど。そうなる

    グラフィックデザイン、独学のススメ|遠藤大輔
  • ちょうどいいWebデザインギャラリー

    カラー ネイビー (1) カラフル (251) スカイブルー (224) ホワイト (1208) ベージュ (412) グレー (422) ブルー (343) パープル (56) ピンク (125) レッド (211) オレンジ (122) イエロー (212) グリーン (301) ブラウン (147) ブラック (532) ゴールド (54) 業種 スポーツ (27) 旅行・ホテル・観光 (152) 美容 (107) エンタメ・趣味・娯楽 (177) 製品・工業・素材 (126) 金融・保険・会計・法律 (45) ファッション・アクセサリー (73) 就職・人材サービス (32) インフラ (26) 不動産・建築・空間・施設 (149) アート (41) 車・バイク他 (18) 事業・組織 (71) 暮らし商品・サービス (143) 飲品・飲料 (476) 行政・NPO・団体・協

    ちょうどいいWebデザインギャラリー
  • 機械彫刻用標準書体フォント

    機械彫刻用標準書体をデジタルフォント化しています。現在ベータ版を公開しており、正式版となるまでには年単位の制作期間を要します。 機械彫刻用標準書体とは 令和の改刻 フォント設計 長体仮名フォント ダウンロード テスト入力欄 連絡先 機械彫刻用標準書体とは 機械彫刻用標準書体は、工業的な彫刻によって文字を作製するときの標準として、日産業規格(JIS/旧日工業規格)に定められた書体です。工業彫刻における技術的制約から、独特な機能美を持っています。

    機械彫刻用標準書体フォント
  • 多摩美術大学が、誰もが参加できる“デザインの大学”を期間限定開校。50の新たなデザイン領域を知る、講義プログラム公開

    多摩美術大学が、誰もが参加できる“デザインの大学”を期間限定開校。50の新たなデザイン領域を知る、講義プログラム公開東京ミッドタウン・デザインハブ第94回企画展「Tama Design University」12月1日(水)〜12月26日(日) 会期中は講義プログラムを毎日開催。聴講無料。 学校法人多摩美術大学(所在地:東京都世田谷区、理事長:青柳正規、多摩美術大学学長:建畠 晢)は、東京ミッドタウン・デザインハブ第94回企画展「Tama Design University」を、東京ミッドタウン・デザインハブにて、12月1日(水)より開催します。 デザインの先端領域および隣接する分野、社会的なテーマに着目し、それぞれに問いを立て、多彩なデザインについての講義を学内外のデザイナーや研究者などを招いて行います。会場ではヴァーチャル大学としてのデモンストレーションや展示を行います。教室を模したス

    多摩美術大学が、誰もが参加できる“デザインの大学”を期間限定開校。50の新たなデザイン領域を知る、講義プログラム公開
  • 【個人開発・ポートフォリオに】無料で簡単にいい感じのデザインにできるサービスまとめ - Qiita

    個人開発・ポートフォリオ作成をする方に贈る いくらプロダクトが素晴らしいとしても、一見してダサいデザインだと、ユーザーは使う気がなくなってしまう。 でも、今からデザインの勉強をするのは面倒だし、そこまでこだわりがあるわけでもない。 Q. 簡単に及第点のデザインにできるサービスとかないんですか? A. あります。 ということで、デザインのことはよくわからなくても、簡単にそれっぽくできるサービスをまとめました。 個人的には、「それっぽさ」の大部分はページレイアウトと画像、「こなれ感」は配色とフォントによって構成されていると思っています。 また、私はケチなのでここで紹介しているものは、すべて無料で使えるサービスです(課金プランはある)。 書かないこと 細かい使い方 大体有名なので、使い方はggれば出てきます。 ライセンスなどの情報 特に素材系は規約などを確認の上で使ってください。 あくまでも、こ

    【個人開発・ポートフォリオに】無料で簡単にいい感じのデザインにできるサービスまとめ - Qiita
  • 【トレンド分析】最近のアイコンのデザインが似通ってきている問題 デザイン会社 ビートラックス: ブログ

    最近のスタートアップにおけるロゴトレンドでは、そのスタイルに多くの類似性があることがわかった。その中でも、特にスマホ向けのアプリの影響でアイコンの存在がそのブランドを強く印象づける役割を果たしている。 【トレンド分析】最近のロゴデザインが似通ってきている問題 – 第2弾 多くのアイコンがどんどんカラフルに限られたスペースに複数のアイコンが並ぶスマホのホーム画面で存在感を出すためなのか、最近のアイコンはどんどんカラフルになってきている。これは、画面の解像度が上がってきている恩恵でもあるが、どんどん没個性にもつながっている。 カラフルアイコンの代表的なのがインスタグラム。インスタは2016年にそれまでのカメラ風のアイコンから、思い切ってカラフルなグラデーションを取り入れたアイコンにリデザインを行った。 Googleサービスの見分けをつけるのが難易度高めカラフルなカラースキームの代表といえばGo

    【トレンド分析】最近のアイコンのデザインが似通ってきている問題 デザイン会社 ビートラックス: ブログ
  • より良いタイポグラフィのための知られざるCSS

    CSS組版 Vivliostyle ユーザーと開発者の集い 2020秋 https://vivliostyle.connpass.com/event/189940/

    より良いタイポグラフィのための知られざるCSS
  • 個人的UIデザインの情報源まとめ

    どうも。 最近エンジニアからデザイナーになったものです。 最近UIデザイナーになってUIデザインの情報源って意外とまとまってないなと思ったので、個人的によく参考にする情報源をまとめました。 ここに載ってないやつでおすすめの情報源あればコメントとかで教えてください。 OSガイドライン OSのデザインガイドラインはUIデザイナーだったら必ず読んでますよね。 Material Design デザインシステム的な話から装飾、カラーツールなどデザインに必要な話がとてもたくさん詰め込まれているためデザイン学習の教材として非常に優秀です。コンポーネントもユースケースやスペックまできちんと網羅されていて参考になるし、金と手間隙かかってるなあと思います。 Blogもあり、更新頻度は高くないですが面白い記事が多いのでたまに読んでいます。 Human Interface Guidelines こちらはApple

    個人的UIデザインの情報源まとめ
  • 【図解入門】シンプルな図の作り方|櫻田潤🎨インフォグラフィック・エディター|note

    3年前に、図解の基をまとめた『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのがnoteになります。 (1)「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、唐揚げ弁当のように、イチオシのおかずにフォーカスした図です。 たとえば、桃太郎の話を「幕の内図解」のアプローチでまとめてみたのが、つぎの図です。 登場人物とエピソードをフラットに扱って、網羅的に盛り込んでいます。 この図を使って、人に説明しようとすると、「まず、お婆さんですが……」「つづいて、お爺さんですが……」といった具合に、「お婆さん」「お爺さん」「桃太郎」それぞれの視点に切り替えが必要になり、話す方も話しづらければ、聞く方もまどろっこしく感じてしまいます。 相手がじっくり聞く耳を持っ

    【図解入門】シンプルな図の作り方|櫻田潤🎨インフォグラフィック・エディター|note
  • Before Tufte, there was Bertin

  • コクヨの新作「白と黒で書くノート」視覚が持つ性質に着目、白と黒の使い分けでシンプルかつ鮮明な内容に

    コクヨの新作ノート「白と黒で書くノート」が、2020年6月25日(木)より東京・千駄ヶ谷のショップ&カフェ「シンク オブ シングス(THINK OF THINGS)」とコクヨの公式オンラインショップ「コクヨショーケース」にて発売される。 “視覚が持つ境界”を利用した新感覚のノート“使う人視点”で優れた商品デザインをユーザーから募る「コクヨデザインアワード2018」において優秀賞を受賞した作品を商品化した「白と黒で書くノート」は、“視覚が持つ境界”を利用した新しい使い心地のノートだ。 白と黒の使い分けでシンプルかつ鮮明な内容に具体的には、「紙の色に対して暗い色と明るい色の文字は同時に読みにくい」という視覚が持つ性質に着目。中間色の灰色の紙に白と黒のペンを使って文字や図形を書き込むことで、大切な部分を際立たせる、あるいは直感的に表現できる光と影を駆使して立体物を描くなど、白と黒の使い分けによっ

    コクヨの新作「白と黒で書くノート」視覚が持つ性質に着目、白と黒の使い分けでシンプルかつ鮮明な内容に
  • データ視覚化のプロが選ぶデータ分析のオススメ本32選

    データ分析&データ視覚化のコンサルティングをしております、永田ゆかりと申します。 これまで2000人以上の方にデータ分析や活用の研修・トレーニング講師、企業への分析コンサルティングをさせていただいており、仕事をさせていただく中で必要なを読み続けているうちに、気がついたらデータ分析領域のを200冊以上読んでいました。 中でもデータビジュアライゼーション・視覚化の領域に関しては私自身の得意領域ということもあり、数多く読み込んでいます。 記事では数多くのクライアントの方々との問題解決に役立った知識・ノウハウが書かれている良書をご紹介させていただきますので、是非最後までご覧ください。 データ可視化そのものについて知りたいたは、こちらの記事からどうぞ。 データ可視化とは?その重要性や手法、よくある課題と解決策を解説 データ分析における視覚化(ビジュアライゼーション)系のおすすめの17選1 S

    データ視覚化のプロが選ぶデータ分析のオススメ本32選
  • 新卒デザイナーのデザインブラッシュアップ方法 | remark

    デザイン事務所にてアートディレクターとして企業ブランディングを中心に広告、商品企画、プロダクト開発、Webプロモーションなどに従事。自分たちの働き方もデザインの一部と捉え、自らのほしい未来をつくるために2015年9月ツクルバに参画。Web、グラフィックなどツクルバに関わるデザイン業務を担当。[柴田のインタビュー記事](https://studios.tsukuruba.com/remark/1524649191951) まずは自由に作ってもらう 円香:バナーできたので見ていただいてもよいですか〜。 柴田:これ、CLASKA(イベントの会場)ってのがビジュアルから伝わってこないのだけど、素材これしかないの? 円香:これしかないんす…公式のビジュアルがこれで 柴田:ならしょうがないな…全然わからん。CLASKA側からこれ使ってくれって? 円香:絶対これってわけでないとは思いますが、送られてきた

  • カルチャーの違いを考慮したデザインのポイント

    様々なもののデジタル化が進む中で、デザイナーの役割も大きく変化し始めている。特にインターネットを介したサービスにおいては「design, Design, DESIGNの違いを知っていますか?」でも紹介されている通り、世界中の不特定多数のユーザーを念頭にデザインしなければならない時代になってきている。 それは同時に、受け取り側の趣味嗜好や価値観を十分理解した上で、プロダクトやメッセージングを考える必要があるということでもある。デザインコミュニケーションとして、単純に言葉を翻訳しただけでは不十分なのである。 目で表情を伝える日人、口で表情を伝える欧米人日と欧米では絵文字の表現方法が大きく異なる。特に日では「目」を主な表現として利用しているのに対し、欧米では主に「口」の形の違いで感情を伝えている。 この違いの原因の一つが日常生活における人々の生活習慣の違いだろう。ご存知の通り、花粉症の時期

    カルチャーの違いを考慮したデザインのポイント
  • デザインの基本日記  「配色編」|Design Beginner

    配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着いていて物足りない場合、色相環で反対の色をアクセントカラーに持ってくるとインパクトがでる。この色相環の反対の色を反対色や補色といったりもする。 逆にガチャガチャして色がうるさい場合は、色相環の隣り合った色数色を選び配色することで全体的にまとまった印象になる。この色相環の近くにいる色のことを近似色と呼ぶ。 配色を決める場合、いくつかの軸があるが、何を表現しなければいけないかというテーマによって配色を

    デザインの基本日記  「配色編」|Design Beginner
    fal-works
    fal-works 2018/03/15
    非デザイナーの疑問なんだけど、色相環を使った配色理論って色相以外はほぼ一定の前提ですよね。明度や彩度のばらつきも含めて綺麗な配色を数値的に算出できる理論って無いのでしょうか?
  • FoursquareのUX・UI改善を書いたところ、創業者に届いて、人事からもメールが来た話 - 灰色ハイジのテキスト

    通っていたサンフランシスコのデザイナー養成所Tradecraftの一番最初の課題で、アプリをピックアップして、見知らぬ人に声をかけてユーザビリティテストをして改善のプロトタイプを作って検証するーというものがあったのですが、そのプロセスをこの度記事にまとめてMediumに投稿しました。 するとGoogleのデザイナーが、なんとFoursquareの創業者のDennisにメンションしているではないですか。 Awesome, just shared with the team!— Dennis Crowley (@dens) 2018年3月9日 チームの人にシェアしてくれたみたいで、Foursquareのエンジニアの人からメッセージが届いたり、その日のうちに人事の人から「今ちょうどシニアプロダクトデザイナーのポジションを募集しているんだけど、興味があったら連絡待ってるよ」みたいなメールが届きまし

    FoursquareのUX・UI改善を書いたところ、創業者に届いて、人事からもメールが来た話 - 灰色ハイジのテキスト
  • Website Unavailable

    Loading

    Website Unavailable
    fal-works
    fal-works 2018/03/05
    軽視されがちだけど字詰めがかなり大事。とりあえず和文の本文でプロポーショナル系(MS Pゴシックとか)はあまり使わない方が良い、あれは見出しに使うものなんです。欧文は別。
  • いいちこの広告の言葉(名言)が秀逸すぎて辛いwwwwwww | 不思議.net - 5ch(2ch)まとめサイト

    不思議ネット とは 不思議.netでは5ちゃんねるで話題になっているスレを厳選してお届けするサイトです。普段5chを見ない人でも気軽にワクワクできる情報サイトをころがけて毎日絶賛更新中!

    いいちこの広告の言葉(名言)が秀逸すぎて辛いwwwwwww | 不思議.net - 5ch(2ch)まとめサイト
  • 銀座ロフトの案内板が意識高すぎて伝わらずテプラで説明文を貼られる

    モノ @Monolith_tb @ro_ki_ スタイリッシュを目指してユーザーフレンドリーではなくなってしまうというアレ(売り場を逐一聞かれて店員さんの無駄な雑用が増えるだけという 2018-01-18 18:10:01 ろきお @ro_ki_ @Monolith_tb カレンダー見に行ったんだけど、表示の導線が用意されてないからなのか、ダイアリーのフロアで「カレンダーは6階です」って書いたボードもって店員さんがうろうろしてて気の毒だった…… 2018-01-19 09:55:28

    銀座ロフトの案内板が意識高すぎて伝わらずテプラで説明文を貼られる
    fal-works
    fal-works 2018/01/20
    意識高い系の人なら元の横文字だけで分かるだろうし、そうじゃない人はターゲットではないのでは? と思ったけど、現場の客層が思ったより高齢者が多かったとかそんな感じだろうか。
  • デザイナー向け認知科学/認知心理学の入門書 (2020.10.4追加編集)|yoshi_design

    はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんなを読んだらいいですか?」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験(国語)で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、1)デザイナー向けに、2)仕事に役に立つ、3)入門書、 という観点で選びました(前半の入門編)。 (僕自身は、多摩美術大学の大学院生の時に、須永剛司教授(現・東京藝大)の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学/認知心理学を学び、それがその後のインタラクション研究に続いていきます。) 後半の中級〜上級編には名前がよく出てくる有名

    デザイナー向け認知科学/認知心理学の入門書 (2020.10.4追加編集)|yoshi_design
    fal-works
    fal-works 2018/01/19
    デザイナーじゃないけどこれは嬉しいリスト / センター試験にそんなの出たんだ、面白いな。