g-sword
  • Category Archives: デザイン / UIUX

デザインでつまずかない!ノンデザイナーのための基本ルール10個まとめ – PhotoshopVIP

«  頭の整理に。「優れたデザイン原則は、誰にでも学ぶことができ、活用することもできます」「基本ルールを知るだけで、あなたのデザインがずっと良くなります」。
    

WordPressでアプリのランディングページを簡単に作れる国産テーマ「LIQUID APP」 | Ocadweb

«  便利そうなのでメモ。「アプリのスクリーンショットやカバー画像、動画を簡単に設定することができます。Bootstrap4に対応したレスポンシブWebデザイン」。
    

[JS] これなら簡単で便利!要素がビューポートに表示されているかを判定できる -Intersection Observer | コリス

«  良さげ。「スクロールした際にヘルプや広告を表示したり、無限スクロールでコンテンツを読み込ませたり、画像の遅延ロードなど」。
    

マテリアルデザインをサクッと実装できるCSSフレームワーク6選【2017年版】 – WPJ

«  便利そうなのでメモ。「開発者ならマテリアルデザインも選択肢に入るでしょう。そこで、マテリアルデザインのCSSフレームワークと機能を紹介します」。
    

【ブランディングはデザインから】Webインターフェイスでイメージを効果的に使用する7つのヒント|SeleQt

«  頭の整理に。「Webサイトに掲載する画像を印象深いものにすることは重要です。画像から入る情報は、文字の何倍も強く人の印象に残るのです」。
    

CSSリセットの新しい考え方、リセットと有用なコンポーネントだけのスタイルシート -Shoelace.css | コリス

«  新しい。勉強せねば。「グリッドは無し、有用なコンポーネントが簡単に利用できるリセット用のスタイルシート」。
    

ウェブデザイナーが試したい、Webアニメーション無料プラグイン&ライブラリ75個まとめ【保存版】 – PhotoshopVIP

«  ああ、これは試したくなる。「利用するケースやアイデアに応じて、これらの素材を活用してみましょう」。
    

商用利用無料、和紙・和風の紙のテクスチャ素材がダウンロードできるサイトのまとめ | コリス

«  便利そうなのでメモ。どっかで使う。「和紙・和風の紙、畳や段ボールやノートなどのテクスチャ素材がダウンロードできるサイトを紹介」。
    

日本マイクロソフト、超読みやすい新フォント「UDデジタル教科書体」を披露 – PC Watch

«  いいぞもっとやってください。「弱視や文字の読み書きが困難なディスレクシア(読字障碍)といった障碍を持った人を対象に開発されたユニバーサルデザイン書体のフォント」。
    

【ECサイトのデザインで注意すべきは…?】eコマースサイトデザインに使えるコンセプト&トレンド6点!|SeleQt

«  頭の整理に。「ECサイトのデザインは商品の見せ方が重要である点で、Webデザインにおいても特殊な分野といえます」。
    

デザインの神は細部に宿る!最近のWebサイトで見かけるナビゲーションのアイデアのまとめ | コリス

«  試したいの、ちょいちょいある感じ。「デザインなどの見た目だけでなく、操作性やインタラクションも非常によくできているものばかりです」。
    

CSSで実現!目を奪われる素敵ホバーエフェクト用HTMLスニペット32個まとめ – PhotoshopVIP

«  良いエフェクトはクリックしたくなる。「画像やハイパーリンクのクリックしやすさなど、ユーザビリティや操作性を大幅に改善することができます」。
    

デザイナーが持っておきたい、すごいフリーフォント70個まとめ 2017年7月度 – PhotoshopVIP

«  日本語フォント、ありがとうございます。しらさぎ本丸ゴシック、ひこね本丸ゴシック、いいよいいよー。「今月は特に日本語フリーフォントが充実」。
    

メディアサイトのUXを改善する!5つのポイント【コンテンツの質とセットで向上を】|SeleQt

«  頭の整理に。「これら5つの機能はメディア系サイトのUXを向上させますが、コンテンツの質を高めることも忘れてはいけません」。
    

[CSS] レスポンシブ対応の最新版!サイズが不明な要素を天地左右の中央に配置するスタイルシートのまとめ | コリス

«  これはありがたいまとめ。「float、transform、position、display:flex;などを使ったテクニックが紹介」。
    

すぐに取り入れる!ちょっとした配色の違いでWebサイトを使いやすくする方法 – WPJ

«  鉄板のコントラスト、見つけたい。「Webサイトに限らず、モバイルアプリも同様です。自己満足やクライアントのためでなく、ユーザーのためにデザインしてください」。
    

【デザインによるマーケティング】顧客をスムーズに購買行動まで導くナビゲーションデザインのパーフェクトガイド!|SeleQt

«  そうなんですよねぇ…。「サイトのデザインが優れていても成果につながらなければ何の意味も持たないのです」。
    

ユーザーをイラつかせているかも?確実に避けたいフォームヴァリデーション(入力チェック機能)7つの禁じ手|ferret

«  ああ…。ですよね…。「送信ボタンを押してからサーバー側でバリデーションを行うのは、UXの観点では絶対に避けるべきです」。