タグ: デザイン
「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も - Togetter
気づいたらダサくなってるんだよな…
カルビーのポテチを売上1.3倍にしたAIの正体--プラグの「パッケージデザインAI」の実力 - CNET Japan
カルビー、ネスレ日本、森永乳業など、日本を代表する食品メーカー各社が導入しはじめているAIツールがある。マーケティングリサーチとパッケージデザインを展開するプラ...
円グラフのデザイン集 | おしゃれで伝わるグラフの作り方｜かわちゃん｜note
円グラフについて「書くときの注意点」「円グラフの種類」「どういったデータが円グラフに向いているか」「実際の円グラフのデザイン」などを画像を使ってわかりやすくま...
UXデザイナーなら知っておきたいデザインに関する10の法則 デザイン会社 ビートラックス: ブログ
UXデザインを行う際に押さえておきたい10の法則をご紹介。ユーザーの視覚や行動心理学などを、感覚だけでなくロジックに基づいて理解をすることでプロダクトの精度向上...
丸よりも丸みを感じる!? スーパー楕円の魅力とデザイン | Spinners Inc.
こんにちは、Spinners の元山 (@kudakurage) です。 最近はresize.fmという緩めのデザイン系ポッドキャストを @dex1t と始めて...
CSSの進化がすごすぎる！新しいレスポンシブデザインの実装方法を解説 | コリス
...
久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみ...
約99％割引、「メイリオ」デザイナーによる日本語フォント109種類の詰め合わせ、27万4795円が2980円に【やじうまWatch】 - INTERNET Watch
Googleも採用するめっちゃ使えるUXデザイン手法 デザイン会社 ビートラックス: ブログ
どのようにして”正しいデザイン”を行えば良いのかという質問が寄せられた。UXピラミッドの原則に従ってプロダクトの体験価値を検証したり、UXハニカムを活用する方法...
UIデザインのためのブックリスト（2020）｜yoshi_design｜note
UXや認知科学のブックリストはおかげさまでかなり読まれていますが、そういえば「UIデザイン」のリストは作ってなかったなと思い至って本を探し始めました。手元の本...
営業ツールやプレゼンなどの資料は、ビジネスの成否を左右するキーファクターのひとつ。では、本来、資料に求められるデザインとはどういうものか？ 単純なテクニックの話...
Web制作の現場で使えるWebサービス15選！無料で使えるサービスを集めてみた | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介
CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のサービスなどWeb制作の現場で使えるWebサービスを15個紹介します。ワンクリックで取得...
UIデザイン時にやってしまいがちな18の誤ち｜Mikio Kiura / ANKR DESIGN｜note
WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことに...
これなら分かりやすい！Webサイトのデザイン仕様書・指示書の作り方 | コリス
デザイナーがWebサイトのUIを実装する際にデベロッパーに渡すデザイン仕様書・指示書の作り方を紹介します。...
Googleが提供しているサービスのアイコンが統一性のあるデザインに変更された結果「視認性なんとかして」「アイコンの意味がｗ」と嘆くみなさん - Togetter
これは確かに分かりづらい
全部、完全に商用利用無料！WebのUIデザインに適した1,130種類のSVGアイコン素材 -Glyphs | コリス
...
［速報］Google、新デザインフレームワーク「Material You」発表。デバイスからアプリケーションまでGoogleの製品すべてに適用へ。Google I/O 2021 － Publickey
Googleは、5月19日未明に開催したオンラインイベント「Google I/O 2021」で、新しいデザインフレームワーク「Material You」を発表し...
Webデザインの参考になるギャラリーサイト11選 | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介
Webデザインをインスピレーションを刺激したい時に参考にしているギャラリーサイトを11個紹介します。クライアントとの打ち合わせ時も実際のサイトを見ながら担当者と...
商用利用無料、UIデザイン用のSVGアイコンが1100種類！Adobe XDやFigmaのツールも完備されてて、これは便利 | コリス
...
フリーのITエンジニアやWebデザイナーも国の労災保険へ加入が可能に。業務や通勤での疾病、負傷、死亡など補償。国の労働政策審議会が了承。9月から － Publickey
会社員やアルバイト、パートなど雇用されている立場である労働者が、仕事や通勤を事由としたケガや病気になり、あるいは死亡した場合、いわゆる労災保険、正式には「労働者...
API開発の基本 - 銀行APIの開発事例に学ぶ「使いやすい」のデザインプロセス - エンジニアHub｜Webエンジニアのキャリアを考える！
APIは多くのWebシステムにおいて、欠かすことのできない技術です。APIをどのように設計、デザインすれば、ユーザに利便性を提供できるのかを、GMOあおぞらネッ...
Web制作者は要チェック！最近のランディングページで見かけるデザインやアイデアのまとめ -SaaS Pages | コリス
最近のラインディングページで見かけるデザインやアイデア、コピーライティングがまとめられたSaaS...
あなたのWeb制作をサポートしてくれるオンラインツール10選 | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介
Web制作をサポートしてくれるWebツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチ...
無料で使えるかわいい8bitデザインのファミコン風CSSフレームワーク「NES.css」 - GIGAZINE
ファミコン風デザインのウェブサイトを簡単に作れる無料CSSフレームワークが「NES.css」です。NES.cssはさくらインターネットのダーシノ氏が開発を行って...
商用利用無料、UIデザイン用のSVGアイコンが220種類！改変・再配布も可の太っ腹ライセンス -System UIcons | コリス
...
去年の冬に転職したweb系のプログラマー。今の会社のwebデザイナーが無能すぎてしんどい。以下愚痴1.photoshopでwebデザインすんな！photosho...
Webデザイナーが覚えておきたい写真の基本構図 | 東京のWeb制作会社QUOITWORKS（クオートワークス）
こんにちは！QUOITWORKS Incでディレクションとデザインを担当しておりますワタナベです(@ws0606)。今回はデザイナー向けに押さえておきたい「写真...
Web制作が捗るChrome拡張機能12選 – おすすめの拡張機能を集めてみた | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介
Chrome拡張機能にはWeb制作に便利なものが多く、私もよく利用しています。特に1〜2クリックでさっとチェックできるものは頻繁に使い制作の中で馴染んだ機能であ...
全部、完全に商用利用無料！スマホのUIデザインに適した2,186種類のSVGアイコン素材 -Fluent Icons | コリス
...
棒グラフのデザイン集 | おしゃれで伝わるグラフの作り方｜かわちゃん｜note
棒グラフについて「書くときの注意点」「棒グラフの種類」「どういったデータが棒グラフに向いているか」「実際の棒グラフのデザイン」などを画像を使ってわかりやすくま...
UIUX デザイナーと仕事をする際にプロダクトマネージャーとして持っておきたい 8 つのマインドセット｜Fritz | Product Manager @ Mercari｜note
2020 年に入り、メルカリ US ではプロジェクトの担当 PDM を検討する際に「UIUX に大きな変更が入るならこの人」「関係者マネジメントが重要ならあの...
本当に日本のブランドロゴは文字だらけなのか？ デザイン会社 ビートラックス: ブログ
アメリカのブランドで、文字要素を廃し、シンボルだけで突き進むロゴを利用している代表例を見てみよう。その多くが、元々は文字とシンボルの両方を利用したが、ブランド認...
ロゴのデザインに独創性があるか、パクリじゃないか、Webサイトやスマホでどう見えるか検証できるオンラインツール -TWM Logotester | コリス
...
CSSコンテナクエリの登場で、デザインのやり方も考え方も大きく変わる | コリス
...
React でデザインシステムを正しく実装する - コンポーネントカタログを超えて | Wantedly Engineer Blog
Wantedly でバックエンドのテックリード的なやつをやってる @izumin5210 です。半年くらい前から取り組んでいた、UI デザインシステムの Rea...
【Excel】良い資料は表のデザインから違う！印象が劇的に変わる4つのテクニック - いまさら聞けないExcelの使い方講座 - 窓の杜
「バラバラになりそうだった」メルカリUI / UXの認識をDesign Systemにまとめたデザイナーたちの話 | mercan (メルカン)
「Design System（デザインシステム）」とは、開発で必要となるデザインの概念やスタイルなどがまとめられたものです。開発効率の向上だけでなく、プロダクト...
iOSアプリのデザインをリニューアルし、興味がある話題に手が届きやすくなりました - はてなブックマーク開発ブログ
本日、iOSアプリ「はてなブックマーク」のバージョン5.0をリリースしました。はてなブックマークアプリで提供する各機能を、「ホーム」「特集」「興味」「ブックマー...
VS CodeのAdobe XD用拡張機能が登場！デザインシステムにもとづきコード出力と補完が可能に - ICS MEDIA
Microsoftが開発を行っている無償のエディター「VS Code」にAdobe XD用の拡張機能「Adobe XD extension」が登場しました。 こ...
Figmaを最強のデザインツールに変えるプラグインを厳選してまとめてみた！ - paiza開発日誌
どうも、まさとらん（@0310lan）です！今回はブラウザ上でWebデザインやプロトタイプを作成できる「Figma」をパワーアップしてくれる、厳選された拡張機能...
現場で使えるFlexboxレイアウト12選。実際に使ってきたレイアウトを紹介します | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介
現場で使えるFlexboxレイアウトを12パターン紹介します。flexboxを紹介する記事はたくさんありますが、知識のみで実例付きで紹介されているページはあまり...