京都芸術大学の卒業展見た。 情報デザイン学科、長澤花咲さんの作品が面白かったです。 https://t.co/8JHdzJsbpy
qp on Twitter: "京都芸術大学の卒業展見た。 情報デザイン学科、長澤花咲さんの作品が面白かったです。 https://t.co/8JHdzJsbpy"
京都芸術大学の卒業展見た。 情報デザイン学科、長澤花咲さんの作品が面白かったです。 https://t.co/8JHdzJsbpy
【2022年】注目すべきUI/UXデザイントレンド - Qiita
本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」（2021年11月15日公開）の和訳を、著者の許可を得て掲載しているものです。 はじめに 2021年は2020年よりも良い年でしたか？UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。 デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。 世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ
同人誌のロゴデザインを作る手順が超使える！「目から鱗」「めちゃくちゃ参考になる」フォントで遊ぶのも楽しいです
秋丸 @akimaru2138 そのうち同人誌の表紙作る時に自分が考えてること〜とかクリスタでも(それなりに)できる簡素なロゴの作り方みたいなのまとめてツイートしたいんだけどあぁいうのっていかんせん"強い"人がやってるからおれ程度がツイートするのヒヨっちゃうんだよな 2021-12-03 23:29:38
撮影時に知っておけばバランスが良くなる構図の12つのパターンが思わず使いたくなる。「それっぽく見えるレイアウト」や「視線を誘導させるレイアウト」も
デザナビ👀デザインを図解で解説 @wkwdesigner フォローするとデザインのヒントやキッカケが見つかる💡 初心者向けデザインテクニック・Tips／デザインのポイントを図解付きで解説💡 ツイートだけではわかりづらい部分はブログで詳しく解説✏️ https://t.co/X9FzimhN9e
一見、乱丁本にしか見えなかった『伝染るんです。』単行本、装丁デザイナーの解説を読むと狂気の先まで行っていた
リンク www.toppan.co.jp クリエイターズファイル｜祖父江慎｜GA info. 「クリエイターズファイル」は第一線で活躍するクリエイターに、仕事や考え方について伺うインタビュー集。今回は、ブックデザイナー祖父江慎氏にお話を伺いました。 リンク Wikipedia 祖父江慎 祖父江 慎（そぶえ しん、1959年 - ）は、愛知県生まれのブックデザイナー。 人文書、小説、漫画などの書籍の装幀やデザインを幅広く手がける。吉田戦車の漫画本をはじめとして、意図的な乱丁や斜めの裁断など、装幀の常識を覆すデザインで注目を集める。コズフィッシュ代表。 電話の声で女性と間違われるほど女性っぽい振舞い、話し方をするが既婚で一女あり。元・妻は理論社（のちイースト・プレス）の『よりみちパン！セ』編集長の清水檀。 愛知県立旭丘高校美術科卒業。浪人時代に味岡伸太郎の影響を受ける。 多摩美術大学グラフィ
42万5909個のファビコンを分析して分かった「知られざるファビコンの事実」とは？
モバイル版Googleの検索結果や、ブラウザのタブの端などに表示される「Favicon(ファビコン)」は、ウェブサイトを印象付けるための重要な要素です。このファビコンの実装方法は業界標準が定まっておらず、各サイトごとにファイルサイズやファイル形式などが異なります。そんな中、10万のウェブサイトから42万5909個に及ぶファビコンを収集し、その特徴をまとめたレポートが公開されています。 We Analyzed 425,909 Favicons • iconmap.io https://iconmap.io/blog ◆収集結果 レポートの執筆者は、収集した42万5909個のファビコンを以下のページで公開しています。 We Analyzed 425,909 Favicons https://iconmap.io/ ファビコン一覧ページの左上には検索窓が用意されています。GIGAZINEのファビ
かおりゅ on Twitter: "とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT"
とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT
Web制作者は1冊持っておくとかなり便利！UIに適したさまざまなアニメーションの実装方法が分かる解説書 -動くWebデザイン アイディア帳 実践編
Webページに動きやアニメーションを加えたい、毎回検索で探している、実装の手順を解説してほしい、そんな時にすぐに役立つコピペで利用でき実装方法もカスタマイズもていねいで分かりやすい解説書を紹介します。 動きやアニメーションのコードはサポートサイトから最新版がダウンロードでき、要素表示、背景の動き、エリアの動き、画像の動き、テキストの動きなど9種類にバリエーションが100個以上あり、「この1冊が丸ごとカバー」の文字通り大全集です。 既視感を覚えた人は、大正解！ 「動くWebデザインアイディア帳（紹介記事）」の第2弾で、第1弾は基本的な動きでしたが、第2弾の本書は実践編として「印象に関わる動き」となっています。 Web制作者は、1冊持っておくとかなり便利だと思います。こういった気持ちいいアニメーションはクライアントからの要望も多く、喜ばれます。
UIデザイン時にやってしまいがちな18の誤ち｜Mikio Kiura / ANKR DESIGN
WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では
デザインに活かせるフレームワーク20｜金 成奎
久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 （ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください） 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience（ウェブ戦略としての「ユーザーエクスペリエンス」）』にて提唱
鳥山明先生がデザインした？40年前のラジカセの取説に描かれたポップなキャラクターのアラレちゃん味が凄い
リバースの拳@C104申し込みました @CnZBYF1ctAj1R23 なぜならこのラジカセを購入したのは昭和55年秋。 アラレちゃんがアニメになったのは56年の新春から。 ラジカセの企画・開発・発売年は昭和55年から更に遡るから鳥山明先生に影響を受けたクリエイターはまだ存在しようがないから。 状況把握するとこんな感じ。 リバースの拳@C104申し込みました @CnZBYF1ctAj1R23 追記ですが ①我が家で購入したのが55年の秋です。 ②つまりJ77はそれ以前に発売されていました。 ③ ①と②を踏まえた上で ④商品開発は1年以上前から始まっています。 以上、補足として追記いたしました。 リバースの拳 @CnZBYF1ctAj1R23 リバースの拳と申します。これは「リバースのこぶし」と読むのですが皆には「リバースのけん」で通っております。しばらくツイッターから遠ざかっていたのですが
はてな、20周年で企業ロゴをリニューアル - プレスリリース - 株式会社はてな
株式会社はてな（代表取締役社長：栗栖義臣／本社所在地：京都市中京区）は、企業ロゴのデザインをリニューアルし、本日2021年7月15日に公開しました。 当社では“「知る」「つながる」「表現する」で新しい体験を提供し、人の生活を豊かにする”をコーポレートミッションに、さまざまな個人向け・法人向けサービスを展開しています。 2001年7月15日に最初のサービス「人力検索はてな」の提供を開始し、本日20周年を迎えました（※）。より良いサービスの提供と、コーポレートミッションの実現に向け、新しい企業ロゴでは、これまでの企業ロゴのイメージを踏襲しながらも、コーポレートミッションを意識したデザインに変更しました。 ▽ ロゴデザインについて ロゴマークは、「ノード」や「二進法」をモチーフに、知的好奇心と当社を象徴する「はてなマーク」が浮かび上がるデザインです。 また、技術の力でWebサービスを開発する「も
配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」
リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所 日本カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか＠LP専門Webデザイナー / 著者 @kataokadesign 「Webデザインを学び始めたばかりで配色がうまく決められない」という悩みがあるなら、日本カラーデザイン研究所のイメージスケールを活用すると良いでしょう。 各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性はひとまず減らすことができます。 ncd-ri.co.jp/about/image_sy… pic.twitter.com/QTfzBpQ2EL
ロゴのデザインに独創性があるか、パクリじゃないか、Webサイトやスマホでどう見えるか検証できるオンラインツール -TWM Logotester
せっかく作成したロゴに似たデザインのものがあったり、Webサイトやスマホアプリで見栄えがよくなかったら、がっかりです。 ロゴのデザインに独創性があるか、他に似たロゴはないか、Webサイトやスマホアプリでどう見えるか、モノクロでも大丈夫か、色数は多すぎないかなどを検証できる無料オンラインツールを紹介します。
これなら分かりやすい！Webサイトのデザイン仕様書・指示書の作り方
デザイナーがWebサイトのUIを実装する際にデベロッパーに渡すデザイン仕様書・指示書の作り方を紹介します。 仕様書を作成する基本ツール、指示に適したフォントやカラー、グリッドや要素間の距離を自動的に計算するツールをはじめ、レイアウトや各UIコンポーネントのデザイン仕様の記述例まで、デザインを仕様化する解説記事です。 ブレイクポイントの説明、スティッキー要素の仕様説明、相対サイズの要素の説明方法、ボタンの文字数の説明、アニメーションする要素の説明方法など、デベロッパーに分かりやすく、デザイナー自身も見直せるデザイン仕様書を作成します。 The Art of Design Spec'ing by Mahdi Farra 🍉 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 デザイン仕様書とは デザイン仕様書に使用するツール デザイン
本当に日本のブランドロゴは文字ベースのデザインが多いのか？ デザイン会社 ビートラックス: ブログ
先週、各国のブランドロゴの考察として下記のポストをリリースした。主に、日本企業の多くのロゴが、数十年前から普遍的に ”文字ベース” のスタイルを利用していることが多いという内容だ。 なぜ日本のブランドロゴは文字ベースのデザインが多いのか？ ありがたいことに、この内容に関して、大変多くの反響をいただいた。その中でも、下記のような多少の批判も見られた。 前回のポストに対する暖かいご意見 日本にはシンボルマークがないかのような誤った印象操作にも腹が立つ 選び方が恣意的すぎる！たとえば Fortune 500 (からB向け企業を抜いたとしても) 基準に沿って挙げるとこういう偏りにはならないはず 恣意的な抽出そのものだよな。 タイガー魔法瓶と象印に謝れ！ なので、できるだけロジカルに検証してみた上記のほとんどが、それなりの真実味があると考えられる。ということで、フォローアップとして、本当にそうなのか
あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD Journal
あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト
UXデザイナーのマインドセットを学ぶGoodpatch流の新卒UXデザイン研修｜Goodpatch Blog グッドパッチブログ
はじめに 2021年、Goodpatchには8人の新卒が入社しました。 今年もGoodpatchでは4月から6月までの3ヶ月間で新卒研修を行っています。昨年は新卒の職種ごとに分け研修を行っていましたが、今年は全職種を対象としてUXデザインやUIデザイン、さらには営業の研修を行っています。 今回の記事では、UXデザイン研修がどのような目的で行われていて、どのような内容を学ぶことができるのかをご紹介します。 研修の目当て Goodpatchの新卒向けUXデザイン研修では以下を目当てとしています。 GoodpatchのUXデザイナーとして必要なマインドセットを理解すること Goodpatchに所属している先輩UXデザイナーを知ってもらうこと UXデザインに活用できるたくさんの手法を理解することも重要ではあるのですが、Goodpatchの研修では手法を伝えることよりも、まずはその土台となる Goo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons
日本国内でデザインシステムに取り組んでいる会社・事例をまとめてみた｜seya
