UIデザイン – Figma : 東京都公式 新型コロナウイルス対策サイト
ヤフーのクリエイターが読んでいる技術・デザイン書 〜 技術活動費用補助制度のデータから見る興味関心
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Developer Relations アドボケイトの山本です。 ヤフーにはエンジニアやデザイナーといったクリエイターの活動を支援する制度「My Polaris」があり、その中の1つにクリエイターが常に自身の技術力向上を図れるよう学習活動を支援するための「技術活動費用補助制度」というものがあります。 本記事ではこの制度の紹介と、この制度の活用状況のデータを集計してヤフーのクリエイターの興味関心を可視化します。 技術活動費用補助制度とは？ 冒頭でも触れましたが、エンジニアやデザイナーといったクリエイターの学習活動を支援する制度で、半年間で6万円を上限に、書籍、アプリ、デバイスなどの購入、セミナーや勉強会への参加、英語学習
デザインの課題を解決した、普段目にすることができない152のアイデアや企画書が集められたデザインの資料集
最前線で活躍されているアートディレクター・デザイナー127組によるデザイン作品、普段目にすることができないラフスケッチ・アイデアメモ・絵コンテ・企画書などの制作過程で作成されたものまで楽しめる、貴重なデザインの資料集を紹介します。 実際に、デザインの課題を解決した152のアイデアや企画書が満載です。
デザインの筋トレ〜伝説の世界的デザイナーに教わった観察力を磨くとっておきの訓練法〜｜ヤマシタ マサトシ
先日話した寸法感覚の話に続いて、今日は観察力を磨く方法の話をしましょう。 ちなみにこのトレーニング方法、僕のオリジナル・・・ではなく、世界的インテリアデザイナーであり天皇陛下から芸術選奨と紫綬褒章まで授与されている、偉大なる恩師の故・内田繁先生直伝の方法です。 内田先生曰く 「これをちゃんと毎日続けて3年間やれたなら、お前はきっとすごいデザイナーになっているだろう。」と言われていました。 実際、僕は3ヶ月で挫折してまた再開しては挫折して・・・を繰り返していますが、それなりに食べていけるレベルのデザイナーにはなれました。 それくらいこのトレーニング法は効果絶大です。学生時代から10年くらい続けていたらヤバいレベルに到達できるかもしれません。 その方法とは・・・ と、本当は秘密にしておきたいところですが、未来のデザイナーの卵たちのためにトレーニング方法を丸っと公開しておきます。 （900超えの
デザイナー向け認知科学／認知心理学の入門書 （2020.10.4追加編集）｜yoshi_design
はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんな本を読んだらいいですか？」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験（国語）で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、１）デザイナー向けに、２）仕事に役に立つ、３）入門書、 という観点で選びました（前半の入門編）。 （僕自身は、多摩美術大学の大学院生の時に、須永剛司教授（現・東京藝大）の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学／認知心理学を学び、それがその後のインタラクション研究に続いていきます。） 後半の中級〜上級編には名前がよく出てくる有名
クソ酷いウェブサイト
他に何がほしいってんだ、クソ野郎 お前はウェブサイトを作ってその糞サイトを最高だと思ってるんだろ？ お前は13MBに及ぶパララックスエフェクト付きのクソ重いページがアホらしいグッドデザイン賞をとるとでも思ってるんだろ？ お前は20kgあるjQueryファイルと83個のpolyfilがIE7をまともに動作させると思ってるんだろ？ どアホ、お前は間違っている。俺様が俺の考える最強のウェブページを教えてやる。 クソ軽量でクソ速いページ 全てのデバイス幅に対応できる どんなうんこブラウザでも見た目が一緒 お前のサイトに訪れるどんな糞野郎でもアクセス可能 読みやすく伝えたいことが明確（もっともお前が5MBサイズのシャレオツなコーヒー写真ではなくて伝えたいことがあればの話だがな） よく聞け、糞野郎ども お前らはハッキリ言ってオーバー・デザインだ。この史上最強のウェブサイトを見てみやがれ。俺がごみコンテ
個性を抑えて、仕事をしていませんか？300年企業から学ぶ、個性が生きる働き方 | milieu（ミリュー）
Text by 塩谷舞（@ciotan） 「個性を武器に仕事をしよう！」 ……というキャッチコピーは、世の中にあまりにも多い。試しにタウンワークで「個性」で東京都内エリア内検索をしたら、3,610件のお仕事情報がヒットした。 かくいう私も、かつて「当社は社員一人ひとりの個性を大切に…」というインタビューを穴があくほど読んでいた。なぜか泣きながら読んでいた。社会の歯車として踏ん張りながら、個性を露発させることに飢えて飢えて飢えていたのだ。 個性を押し殺さずに生きること。自分らしく仕事をすること。それはいち会社員の要望というよりも、人間としての根源的な欲求に近い。でもこれが、なかなか許してくれる場所が少ない。結果、人間らしさをすり減らして働く人が多すぎるように思う。悲しい。もっと個性的でいいじゃん、人間なんだから。 そんな「個性を大切に症候群」な私宛に、１つの取材依頼が来た。相手は、大手百貨店
デザインで重要なプロセスが非常にくわしいからすごい勉強になる、デザイナーが熟読しておきたいオススメの本
デザイナーにとって貴重なデザインの知識やテクニックをはじめ、なかなか得ることができない現場の舞台裏まで、非常にくわしく解説されたオススメの本を紹介します。 ロゴ、ブランド・アイデンティティ・デザインを通して、デザイナーにとって実用的なスキルを磨くことができ、制作意欲を刺激する一冊です。 ロゴデザインに関係ないデザイナーにもかなりお勧めします。 本書の情報量は非常に濃い！ デザインの最初の一歩でもある契約成立やヒアリングから、どのようなデザイン仕様書を作成し、その内容に沿ったデザイン案を生み出し、クライアントにどのように提出し、承認を取り付けたか、そういった貴重な細部の情報までくわしく解説されています。 もちろん、ロゴのビジュアル、カラー、タイポグラフィも非常に充実しています。 自分への贈り物、大切な人への贈り物としても、うれしい一冊です。
デザイナーがタダ働きにNOと言うべきことが分かる動画 | デザインコラム・ブログ | デザイン作成依頼はASOBOAD
スペックワークを知っていますか？ 日本ではあまり定着していない言葉ですが、「スペックワーク (SPEC WORK)」というものが海外の広告デザイン業界で問題視されています。スペックワークを平たく言えば、「気に入ったらお金を払うよ (気に入らなければ払わない)」という類のクライアントからの要求です。 カナダの広告代理店 Zulu Alpha Kilo は、そんな業界のスペックワークについてNOを掲げ、5年前から提案依頼書の8割を断るという英断を行いました。当初は社員・クライアント含め、非常に混乱したそうですが、その結果、この5年間一度もスペックワークを行わず成長を遂げてきたのです。 そんなZulu Alpha Kiloが、一風変わった映像を制作しました。これを観ればデザイン業界の「スペックワーク」がいかに良くないことであるかが理解できます。スペックワークにNOというべきである！(Say no
新卒研修で「誰のためのデザイン？」の読書会をした - hor.note
先月から新卒6期生たちが福岡研修を開始し、つい先日修了して東京に戻って行きました。ペパボの福岡研修プログラムには、各部署やサービスごとの研修や座学などがあります。僕はそのなかで「誰のためのデザイン？」を読む読書会の監督として、 id:udzura さんと1ヶ月間毎日（時にはサボりつつ）研修に関わってきました。今回はその話をします。 誰のためのデザイン？ 増補・改訂版 ―認知科学者のデザイン原論 作者: D. A.ノーマン,岡本明,安村通晃,伊賀聡一郎,野島久雄出版社/メーカー: 新曜社発売日: 2015/04/23メディア: 単行本この商品を含むブログ (4件) を見る どのように行ったのか 簡単に読書会の形式についてご紹介します。 今回行った読書会は、全職種対象でしたので、全職種で役に立ちそうな広義のデザインを取り扱う書籍を数冊ピックアップし、そのなかで読んでもらうものを決めました。それ
フォントや文字のデザインをUI上で見やすくするコツをまとめた「Typography for User Interfaces」
by Marco / Zak ウェブサイトやアプリをデザインするにあたって、使いやすい・読みやすいコンテンツを作成するために必ず考えなければいけないのが「情報をどのように配置するのか」ということ。情報の多くは文字や文章で表示されるということで、ウェブデザイナーのViljami Salminenさんが、なぜウェブデザインにとって文字列が重要になるのか、どうすれば読みやすい文字列をデザインできるのかをまとめています。 Typography for User Interfaces | Viljami Salminen https://viljamis.com/2016/typography-for-user-interfaces/ ◆グラフィカルユーザインタフェース(GUI)の成り立ち GUIの歴史の中で重要な転換点にいるのが、マウスによるウィンドウ操作を初めて導入したゼロックスのコンピューター
商用可能な丸文字日本語フリーフォント10選
かわいらしいイメージやあたたかい雰囲気を出したいときに、ゴシックや明朝フォントだとしっくりこない場合があります。そんなときには丸文字のフォントを当てはめてみるとしっくりくるかもしれません。 今回は商用可能なものに絞って、丸文字のフリーフォントを１０点ご紹介します。 瀬戸フォント JIS第四水準までの漢字や難しい漢字も収録されているので、他のフォントで漢字で見つからなくて困ったという時は、こちらのフォントで試してみてください。Unicodeを使った顔文字もだいたいが表示可能です。 丸文字「ニコモジ＋（プラス）」フォント ニコニコ動画で使われているフォントをイメージしてつくられたフォントです。ひらがな・カタカナ・英数字のみオリジナルで、それ以外の文字グリフ（漢字など）には源柔ゴシックが利用されています。 じゆうちょうフォント Version 2.07 太めのサインペンで書いたようなゴシック体の
dribbbleのぬるぬる動くメニューUIのアイデア10選
アプリデザインにおけるUIのアニメーションは、いざ作るとなると「どう動かすか」などと考えてしまい、無難なものに落ち着きがちです。発想が小さくなっているなと感じたら、他の人の自由な発想を見てみるのもいいかもしれません。 そこで今回は、dribbbleにて公開されているメニューUIのアニメーションから10点ご紹介いたします。ぬるぬる動きまくるポートフォリオからインスピレーションを見いだせれば幸いです。 ※過剰で独りよがりなアニメーションはユーザー体験として不適切になりがちですので、きちんとTPOをわきまえたアニメーションを心がけましょう！ Animated sliding tab bar フッター部分を完全に非表示にさせつつも、折りたたまれていたかのように表示させるアニメーションです。ユーザーが混乱しないように予め操作方法を説明しておくといった配慮が必要になりますが、デザインとしては使いやすい
ハンバーガーメニューのデザイン問題が決着！ABテスト7パターン結果
画面の表示領域の狭いスマホでは、表示されているページ以外にもメニューがあることをどう知ってもらうかは重要です。 今回は、メニューへの導線であるハンバーガーメニューのデザインで7パターンを回した結果をご紹介します。 仮説 メニューの存在があまり認識されていないのではないか。メニューをもっと分かりやすくすることで、気づいてもらえ、クリック率が向上するのではないか。 そこで、ハンバーガーメニューを既存のデザインとは別に6パターン、合計7パターンでどれが一番クリックされるのかテストして検証することにしました。 ハンバーガーメニューとは ハンバーガーメニューは、スマホの画面上部によくある三本線のメニューアイコンのことを指します。 用意したデザインは7パターン ※クリックすると拡大されます。 基本：よくあるスタンダードなハンバーガーメニュー A：囲いを付けたタイプ B：色を付けたタイプ C：色を付けて
フランスパンのフリー素材を追加！おでかけにトートバッグもいかがですか？｜フリー素材のぱくたそ
こんにちは！ご飯よりもパン、きのこよりもたけのこ派のすしぱくです。('A')ﾉ 先日ですがパン屋さんに無地のトートバックを持ってお出かけしてきました！ 地元のパン屋さんですが、入り口に大きな大きなフランスパンが置かれていまして、「今夜はチーズフォンデュだぞい」と勢いで即買！他にもクロワッサンとかチョココロネ、あんぱんも美味しそうで買っていたら、いつのまにかトートバックはパン祭り状態！ こんなに美味しそうなパンなので個人ブログ用に写真撮ろうと思ったんですが、もしかしたら無断使用されるかもしれない、それならフリー素材で公開した方がデザイナーさんも喜んでくれるかなって、撮影してみました。 使いやすいフランスパン写真素材 パンの写真って意外と多くなかったので撮影するの楽しかったです。やっぱり美味しい食べ物を美味しく撮るのっていいよね。いつか、メシマズ写真を美味しく撮影するという企画をやってみたいな
UXデザインをするならこの本を読もう！ 安藤先生のおすすめ書籍
UXデザインをするならこの本を読もう！ 安藤先生のおすすめ書籍 ユーザー志向のものづくりの実践～安藤昌也氏（番外編） UXデザインを手がけるときに参考になる書籍を安藤先生に紹介してもらった。人間中心設計、インタビューの仕方、ペルソナの作り方、UIデザインのための心理学に関するものなど、いずれもUXデザインのヒントにつながりそうな本ばかりだ。 U-Site編集部 2015年6月24日 安藤 昌也（あんどう まさや） 千葉工業大学 工学部 デザイン科学科教授 Ph.D。UX、エスノグラフィックデザインアプローチの研究者で、ものづくりのコンサルタント。 （← 第3回「利他的UXデザイン：人の利他心を高めるものづくり」へ） 安藤先生へのインタビューの番外編。インタビューの間、背面の書棚がとても気になったので、UXデザインを手がけるときに参考になる書籍を紹介してもらった。いずれも、UXデザインの教科
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
男女の理想がどれだけ違うか一瞬でわかる比較画像
日本語フリーフォントの作者様に感謝！最近リリースされた日本語の無料フォントのまとめ
デザイナーが考慮すべき「錯視」のあれこれ | Swings
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
