たった256文字のJavaScriptコードで描かれた街の風景アニメがスゴ過ぎて訳がわからない／解説ページを見てもわからないorz【やじうまの杜】
こんなことできるの?!ホームページ制作が楽しくなる最新オンラインツール48個まとめ
「こんなことできちゃうの?!」「もっと早く知りたかった。」 この記事では、ホームページ制作を快適にする最新オンラインツール48個をまとめてご紹介。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな便利な新ツールを揃えています。 時間の短縮はもちろん、面倒だったあの作業も自動化できてしまうことも。 大型連休中におすすめのワクワクするようなツールを集めました。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Webデザイン便利ツール（14個） 2. デザインツール（13個） 3. 配色ツール（5個） 4. プロトタイプ・アイコンツール（6個） 5. クリエイティブ・面白ツール（10個） Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Webデザイン便利ツール Loaders
無料でゲームや映画に登場するユーザーインターフェースのデザインをチェックできる「HUDS+GUIS」
「デザイナーやクリエイターが、巧妙で興味深いUIを将来的に開発するためのインスピレーションを得られること」を目的に、映画・ゲーム・コンセプトデザイン・現実のシステムから集められたユーザーインターフェース(UI)のデザインをまとめたサイトが「HUDS+GUIS」です。HUDS+GUISではさまざまな創作物に登場するUIデザインを無料で、UIやタイポグラフィ、画像などの要素ごとに閲覧することができます。 HUDS+GUIS https://www.hudsandguis.com/ HUDS+GUISにアクセスするとこんな感じ。試しに「Battlefield 2042 Opening Cinematic」を見てみます。 ページのトップにはゲーム「Battlefield 2042」のオープニングムービーが埋め込まれており、その場でどんな映像なのかを視聴可能。 HUDS+GUISは「ノイズやグリッチ
UX/UI Design: Growing List of Top Resources (last update 02/2023)
A list of my favourite design resources. Everything that makes your life easier, from UX research to the perfect mockup. Instead of hiding it in the usual Google Doc, from now on it will live here on Medium and will be updated every time I find another little gem. So make sure to subscribe! By the way, this is not about quantity but quality. This list is from my personal point of view and everyday
今後のサイトの更新について
あいまい検索（英語検索） あいまいな日本語で（英語でも）検索できます。上手く動くか分からないのでお試しです。 「マスクを付けた〇〇」というイラストが無い場合はマスク単体と既存のイラストを組み合わせてください。 検索の仕方については「検索のコツ」をご覧ください。 いらすとやパーティの漫画を載せているツイッターアカウントです。 Eテレのショートアニメです。 写真とイラストを載せているインスタのアカウントです。 いらすとやが更新されたらお知らせするツイッターアカウントです。 いらすとやのLINEスタンプに関する情報をお知らせするLINEアカウントです。 こんにちは作者のみふねです。2月からサイトが不定期更新になるお知らせです。 早いものでいらすとやは2月で10年目に入ります。一人でコツコツ描いていた素材もいつの間にか25000点以上になりました。おかげさまで遠い世界の方達にイラストを使ってもらっ
画面をデザインするということ - Qiita
この記事は社内の勉強会で話した内容を再編したものです。 私自身はPC/ブラウザ/スマホのアプリ開発をしている１エンジニアにすぎないのですが、対客や要件定義から開発、運用、そしてUIのデザインを担当しており、自分なりに伝えられるものがないかと試みたものです。 デザインとは デザインとは単に見た目だけの話ではなく、「ビジネス」と「ユーザーが得る体験価値」から始まり、それを実データと結びつけながら人の認知を通してどう見せるのかという作業です。 始まりの部分は最近だとUXデザイナー、終わりの部分はUIデザイナーとかグラフィックデザイナーとか呼ばれるような人の仕事です。そしてそれらを形にするのがエンジニアです。 画面を設計するまでの作業 ギャレットのUX5段階モデルに従って、どういったことを考えないといけないのか確認します。 （実際にUX５段階モデルを意識して仕事してるわけではありませんが、何かしら
【図解入門】シンプルな図の作り方｜櫻田潤🎨インフォグラフィック・エディター｜note
3年前に、図解の基本をまとめた本『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのが本noteになります。 （１）「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、唐揚げ弁当のように、イチオシのおかずにフォーカスした図です。 たとえば、桃太郎の話を「幕の内図解」のアプローチでまとめてみたのが、つぎの図です。 登場人物とエピソードをフラットに扱って、網羅的に盛り込んでいます。 この図を使って、人に説明しようとすると、「まず、お婆さんですが……」「つづいて、お爺さんですが……」といった具合に、「お婆さん」「お爺さん」「桃太郎」それぞれの視点に切り替えが必要になり、話す方も話しづらければ、聞く方もまどろっこしく感じてしまいます。 相手がじっくり聞く耳を持っ
Design Docs at Google
One of the key elements of Google's software engineering culture is the use of design docs for defining software designs. These are relatively informal documents that the primary author or authors of a software system or application create before they embark on the coding project. The design doc documents the high level implementation strategy and key design decisions with emphasis on the trade-of
デザイン脳を鍛える方法｜ハラヒロシ / デザインスタジオ・エル
はじめに1998年、デザインの勉強を全くしたことがない私がデザイン業界に入り、はや22年が経ちました。数年間は下っ端生活をしていましたので、まさか20年経ってこの会社の社長になるとは、当時の自分が聞いたら失神するでしょうね…。 そんな私は、デザイナーとして際立ったスキルや作風もなければ、立派な賞とも縁がないごく普通のデザイナーなわけですが、22年間楽しく続けてこれたのはなぜだろうと思うと、デザインという仕事を通して成長が感じられるからなのかもしれません。 このnoteでは、デザインの技術ではなく、デザイナーとして成長を実感していくための「デザイン脳」の鍛え方について書きたいと思います。デザイナーとして成長したい！と思っている方の一助になれば幸いです。 思考の変遷を残しておくデザインの経験を積んでいくと、「前よりうまくなったな」と思うはずです。うまくなったというのは、デザインの原理原則が身に
管理画面のUIデザインにおける20の改善ポイント | ベイジのUIラボ～業務システムとSaaSのUIを考える
私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難易度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪い影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基本原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その
ローソンPB新パッケージの「わかりにくすぎる」という問題 ユニバーサルデザインの専門家に訊く - wezzy｜ウェジー
ローソンは2020年春、プライベートブランド商品のロゴ・パッケージを刷新した。これまでの「ローソンセレクト」を「L basic(エル ベーシック)」「L marche(エル マルシェ)」の2つのブランドに一新したという。手掛けたのは国内外で幅広いクリエイティブを行うデザインオフィスnendoだ。 確かにデザインは美しい。しかし店頭に並んだ商品を見ると、統一感はあるが何の商品だかわかりづらい。Twitterでも「前のデザインの方がわかりやすかった」という消費者の声が目立つ。 筆者の和久井は、ライターと並行して合同会社ブラインドライターズという、視覚障害者を中心とした会社を運営している。スタッフには、中心視野が欠けていて焦点が合わない人、全体的にぼやけて見える人、トイレットペーパーの芯から物を覗いているように見える視野の狭い人など、さまざまな視覚の状態の人がいる。彼らにも見てもらったが、「非常
「これ考えたバカなんとかしろ」同じ物を2つ買ったつもりが…ローソン新デザインの味違いカレーを掴まされてたお話
エリー号 @super_ery @ilovedx3 一応、辛さを示す「炎」のアイコンが増えてるので、表現しようとする努力は見えます しかし、全体のアイコン数を統一させるために、人参とじゃがいもが減ってます。なので、アイコン≠商品特性にです。 結局、デザイン性＞＞＞商品特性 になって分かりづらく訴求力の低い残念な子になってますね 2020-05-31 08:03:59
UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
Qiitaのビジュアルアイデンティティを再定義し、ロゴ等を変更しました - Qiita Blog
こんにちは、Qiita 開発チームのyaotti です。 Qiita では昨日12/1から、年間を通して一番盛り上がるイベントであるアドベントカレンダーが始まりました。 12月になりましたが参加者募集中のカレンダーもまだたくさんあります。書けそうなテーマのカレンダーがあれば是非参加登録して一緒にそのテーマを盛り上げていきましょう🎅🎄 2019年の募集中のカレンダー一覧 – Qiita 今回は本日2019/12/2に変更した Qiita のロゴについて、その背景と目的をお伝えします。 一言でいうとQiita 運営者としてサービスの思想やブランドをユーザーの皆様にお伝えするために、ビジュアルアイデンティティを社内で定義・言語化し、それに沿った形にロゴや各種ビジュアル要素を作成しました。 ビジュアルアイデンティティとはビジュアルアイデンティティ (VI) とは、ブランドを視覚的に伝えるための
東京藝術大学志望の中学三年です。
現在私は、進路として東京藝術大学を志望しています。 さて、極論的な表現で恐れ入りますが、こちらで質問したいことの結論を書かせていただきますと、 「高校進学することなく、中卒後即座に大手美大予備校の昼間部に所属し、3年間誰よりもデッサンと色彩構成と立体制作に明け暮れ、現役で東京藝術大学デザイン科に合格する」 という事をキャリアパスとして考えています。 この進路の舵取りは一般的に考えて極論中の極論だとは思いますが、この事の是非を質問として問いたいです。いかがでしょうか。 長くなりますが、このように考えることになった経緯をお話しますので、お時間ありましら是非一読いただき助言いただけましたら幸いです。 私には将来的に絶対入りたいと考えている会社があります。 それは、天下のゲームメーカー「任天堂」です。 任天堂にデザイナーとして就職することが私の目標です。 この目標を確実に達成するためにどうすればい
作り手はこの世にひとり「バニラカー」全16型＆内部を独占公開 - ライブドアニュース
バスタイプの第1号モデル（東京） 特徴的なテーマソングを流しながら繁華街を爆走し、もはや日常風景の一部となっているのが、求人情報サイト「バニラ」の広告宣伝車、通称 “バニラカー” だ。冒頭の画像は、東京を走る、ピンクのバスタイプだ 軽トラから大型バスまで、その種類は豊富だが、じつは “バニラカー” はすべて、ひとりの職人の手で生まれている。 「中古トラックや路線バスを買い上げてから、“バニラカー” に仕上げるまで、約2カ月かかります」 匿名を条件に、その秘技を教えてくれたのは、“バニラカー職人” のX氏。 「制作だけでなく、メンテナンスも請け負っています。特殊な加工を施しておりますので、修理工場へ依頼するよりも、私が修理するほうが早いんです。 朝、車庫に出勤すると、塀越しに車両を撮影する人を見かけます。路線バスマニアの方々が、2次利用されるバスを見て、楽しんでいるようです。ラッピングする際
優れたアーティストになるための効果的な7つの習慣 | デザイン作成依頼はASOBOAD | デザインコラム・ブログ
Blender カンファレンスより、Andrew Price 氏の素晴らしいプレゼンテーションを紹介します。「優れたアーティストになるための習慣」をまとめたものですが、私たちデザイナーは元よりあらゆる仕事においても非常に参考になる内容です。※以下翻訳内容です。 去年、僕は年下のいとこと1000ドルの賭けをしました。普通であれば、兄弟間で賭けをするのであれば、何か面白いことに賭けるものです。バイクで後ろ回転するとか…そういった狂った遊びのようなものとか。でも僕の場合は、純粋な芸術でした。 その賭けとは、 “ArtStation(ポートフォリオサイト)上で、僕が苦手な平面絵画やイラスト作品に6ヶ月以内に1000「いいね」をもらう” というものでした。 より面白い賭けにするために、もし実際に僕がその賭けに勝ったら、何の報酬もなしということにしました。条件は、もし僕が負けたらいとこに1000ドル支
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もっと早く知りたかった！ 認知心理学による使いやすいUIデザイン、実務に役立つ知識をしっかり学べるデザイン書 -UIデザイン必携
JRと東京メトロの運休告知のデザイン、何故あれだけわかりやすさに差が出てしまったのか？その考察がおもしろい！
TechCrunch • Startup and Technology News
