• Category Archives: デザイン / UIUX

【パブリックドメイン】100年以上前の果物、フルーツの水彩イラスト7500枚を無料ダウンロードできる – PhotoshopVIP

【パブリックドメイン】100年以上前の果物、フルーツの水彩イラスト7500枚を無料ダウンロードできる - PhotoshopVIP
«  これは良いもの。「写真が主流となる前、アメリカ全土で育てられているすべての果物やフルーツを一覧データベース化するプロジェクトを行っていました」。
    

2019年上半期に注目を集めた世界の最新パッケージデザイン54個まとめ – PhotoshopVIP

2019年上半期に注目を集めた世界の最新パッケージデザイン54個まとめ - PhotoshopVIP
«  色づかいが賑やかになってきとるなぁ。「ウェブデザインやグラフィックデザインなどさまざまなトレンドを盛り込んだパッケージは、今後のデザイン制作の参考にもいかがでしょう」。
    

フリーフォントの作者様に感謝!最近リリースされた日本語フリーフォントのまとめ -2019年上半期 | コリス

フリーフォントの作者様に感謝!最近リリースされた日本語フリーフォントのまとめ -2019年上半期 | コリス
«  日本語フォント、ありがとうございます。「レトロなフォント、アンチック書体、プログラミング向けの等幅フォント、タイトルやコピーに使えるデザインフォントなど」。
    

Webサイト上でグラフを簡単作成 シンプルな棒グラフを導入するためのCSSスニペット10選|SeleQt

Webサイト上でグラフを簡単作成 シンプルな棒グラフを導入するためのCSSスニペット10選|SeleQt
«  ポケモンの、すごい。どこかで使う。「ポケモンスタイルのグラフは、クリエイティブなデザインが特徴です。それぞれの棒グラフがベクトル要素として表示されています」。
    

遅延読み込み、無限スクロールなど、要素と境界の交差を非同期で検出する1Kbの超軽量スクリプト -Bounds.js | コリス

遅延読み込み、無限スクロールなど、要素と境界の交差を非同期で検出する1Kbの超軽量スクリプト -Bounds.js | コリス
«  どこかで使う。「要素が境界に1px交差した、全部が入ったなどを正確に検出。他のJavaScriptへの依存はなく、単体で動作します」。
    

スマホ向けのナビゲーションにハンバーガーメニューを使うなら、ソーセージリンクを試してみて | コリス

スマホ向けのナビゲーションにハンバーガーメニューを使うなら、ソーセージリンクを試してみて | コリス
«  どこかで試す。「この記事のポイントは、新しいデザインに驚かされることではありません。スマホで利用可能なメニューのもう一つのコンセプトの認知度を高めようとしているだけです」。
    

アクセシビリティを改善するために、通常のCSSのリセットに加えるスタイルシート -a11y css reset | コリス

アクセシビリティを改善するために、通常のCSSのリセットに加えるスタイルシート -a11y css reset | コリス
«  あとで試す。「コンテンツを視覚的に隠す際に見えなくするだけでなく、スクリーンリーダーにもアクセス可能にし、フォーカス時の振る舞いなどが定義されています」。
    

デザインにフル活用!無料の最新フリーフォント素材64個まとめ 2019年6月度 – PhotoshopVIP

デザインにフル活用!無料の最新フリーフォント素材64個まとめ 2019年6月度 - PhotoshopVIP
«  まろみん、使いたい。「注目をあつめる上品なセリフ書体や、かわいい手書き風、オーガニックな筆記体や、かっこいい太字ゴシック体など、さまざまなシーンで活躍するフリーフォント」。
    

remove.bg 神アップデート!ネコや犬もサポート、動物や植物や物体などの画像から背景を1クリックで切り抜き | コリス

remove.bg 神アップデート!ネコや犬もサポート、動物や植物や物体などの画像から背景を1クリックで切り抜き | コリス
«  これはすごい。「ネコや犬やアルパカや鳥やペンギン、花や植物、食料、家具、自転車、飛行機などの画像も1クリックで背景だけを切り抜きます」。
    

2019年、CSSのプロパティ・機能やツールについて使用状況や認知度を徹底調査 -The State of CSS 2019 | コリス

2019年、CSSのプロパティ・機能やツールについて使用状況や認知度を徹底調査 -The State of CSS 2019 | コリス
«  CSSの進歩、すごいもんな。「スクロールのスナップが可能になるscroll-snapプロパティなど、これから利用する機会が増えてくるでしょう」。
    

色のアクセシビリティを改善するための10のツール | UX MILK

色のアクセシビリティを改善するための10のツール | UX MILK
«  考えねば。「サイトのデザインには、アクセシビリティへの意識が欠かせません。たとえあなたが色を完全に知覚できる人だとしても、そうではない人の視点からデザインがどう見えるかについて考えてみましょう」。
    

テキストだけのボタンは、なぜスマホでのユーザビリティを損なうのか | コリス

テキストだけのボタンは、なぜスマホでのユーザビリティを損なうのか | コリス
«  当たり前っちゃ当たり前ですが、頭の整理に。「テキストボタンはタップしにくい」「テキストボタンは認識しにくい」「すべて大文字のテキストボタンは読みにくい」。
    

ウェブ制作が捗る!便利すぎる最新オンラインツール、無料素材56個まとめ – PhotoshopVIP

ウェブ制作が捗る!便利すぎる最新オンラインツール、無料素材56個まとめ - PhotoshopVIP
«  便利そうなのでメモ。「これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます」。
    

たった4行のコードをコピペするだけで、Webサイトやブログをダークモードにする軽量JavaScript -Darkmode.js | コリス

たった4行のコードをコピペするだけで、Webサイトやブログをダークモードにする軽量JavaScript -Darkmode.js | コリス
«  どこかで使う。「他のスクリプトへの依存はなく、カスタマイズも非常に簡単。ダークモードに切り替わる際は、アニメーションでダークに覆われます」。
    

あなたのアプリのUXを改善するための5つの方法 | UX MILK

あなたのアプリのUXを改善するための5つの方法 | UX MILK
«  いろいろと試していかねばな、って思わされる基本的なリスト。「アプリデザインは現在の技術において最も注力されている分野です」「私たちの全体的なUXを改善するためにできることはまだまだあります」。
    

商品の印象は色で決まる!デザインする上で知っておくべき「カラーセオリー」とは|SeleQt

商品の印象は色で決まる!デザインする上で知っておくべき「カラーセオリー」とは|SeleQt
«  頭の整理に。「デザインをする上で色を選択するプロセスはとても重要です。色は個人の気分や態度によって様々な効果があります」「色を使ったデザインの基本的なコンセプトを紹介」。
    

これなら簡単で便利!最近見かけるCSSのさまざまなコンポーネントをコピペで利用できる -CodyHouse Framework | コリス

これなら簡単で便利!最近見かけるCSSのさまざまなコンポーネントをコピペで利用できる -CodyHouse Framework | コリス
«  便利そうなのでメモ。「各コンポーネントは単体でもHTMLとCSSのコピペで利用できるので、既存ページや他のフレームワークにも簡単に使える」。
    

写真でもイラストでもない!全部CSSで実装されたリアルな肌の質感・髪・目・鼻に驚いた | コリス

写真でもイラストでもない!全部CSSで実装されたリアルな肌の質感・髪・目・鼻に驚いた | コリス
«  意味がわからないよ(褒め言葉)。「肌の質感も髪も目も鼻も口も全部CSSで実装されたポートレートを紹介します。眉毛とか、瞳とか、かなりのクオリティ。唇や歯もかなりリアルです」。
    

モーダルを開いている時にページがスクロールしてしまうのを防ぐCSSとJavaScriptのテクニック | コリス

モーダルを開いている時にページがスクロールしてしまうのを防ぐCSSとJavaScriptのテクニック | コリス
«  メモ。使えそう。「スクロールした状態で、モーダルを開いて閉じると、一番上にスクロールされた状態で表示されてしまいます。これらを解決するCSSとjsのテクニック」。
    

プロダクトをより良い方向へと導くための2つの問い : UX MILK

プロダクトをより良い方向へと導くための2つの問い : UX MILK
«  やってみよう。「狩野モデルは、ユーザーからもっとも重要であると考えられる機能を見つけ出し、その機能がユーザー体験に与えるインパクトをチームに考えてもらうための素晴らしい方法です」。
    

「想定外の楽しみ方」をするユーザーを見る、新規事業でのUXリサーチ | UX MILK

「想定外の楽しみ方」をするユーザーを見る、新規事業でのUXリサーチ | UX MILK
«  これですよ。「最初から『なぜ離脱したか』を考えることはほとんど意味がない。それよりも『使ってくれている人が、なぜ使ってくれているのか』に注目してその理由を徹底的に掘ることが大事」。
    

使い勝手がよい無料イラスト素材サイト!身の周りにあるさまざまなモノや人がイラスト化 -エコのモト | コリス

使い勝手がよい無料イラスト素材サイト!身の周りにあるさまざまなモノや人がイラスト化 -エコのモト | コリス
«  どこかで使う。「リサイクル業に特化されたイラスト素材が無料でダウンロードできるサイト。身の周りにあるさまざまなモノや人がイラスト化されています」。
    

画像をより効果的に使うための5つのシンプルなルール | UX MILK

画像をより効果的に使うための5つのシンプルなルール | UX MILK
«  こういう視点、好きです。画像にもコンテクストを持たせたい。「画像を使うことによってストーリーや複雑なアイデアを伝えたり、テキストを追加してさらに詳しく説明すること可能になります」。
    

ボタンのラベルには分かりやすい文言が重要、ユーザーが使いやすい文言の選び方 | コリス

ボタンのラベルには分かりやすい文言が重要、ユーザーが使いやすい文言の選び方 | コリス
«  大事。「ボタンのラベルはユーザーがボタンをクリックするための重要な要素。間違った文言を使用していると、ユーザーは混乱し、作業量が増え、タスクにかかる時間が多くなります」。
    

Search Regex使用時に「サイトで技術的な問題が発生しています」というエラーメールが届くときの解決方法|naifix

Search Regex使用時に「サイトで技術的な問題が発生しています」というエラーメールが届くときの解決方法|naifix
«  タイムリーやったので。ありがとうございます。「Search Regex は3年以上更新されていないので今後別のプラグインを検討したほうがよいかも」。