プロのUXデザイナーから学ぶ！デザインをする時にグレースケールで始めると、デザインがよくなる4つ理由 | コリス

2019/02/21 45 users レイアウト デザイナー 要素 コリス カラー

Webページやアプリをデザインする時、空白スペースが効果的に使えない、要素のグループ化や情報の構造化が苦手、そんなデザイナーの人にお勧めなのが、カラー無しのグレースケールでデザインを始めることです。 カラーを使用する前に、グレースケールでデザインを作成すると、レイアウトを明確に考えることができ、UXデ... 続きを読む

デザインのアイデアが豊富！最近のWebデザインで採用されているレイアウトやUI要素が揃った素材のまとめ | コリス

2017/03/13 221 users スクロール マテリアルデザイン 前提 テクニック テキスト

最近のWebデザインは、フラットデザインやマテリアルデザインが少しずつ進化し、コンテンツにフォーカスされたシンプルなデザインが定着してきました。写真は大きく、テキストは読みやすく、空白スペースは大胆に配置されています。 レイアウトは縦長型や分割型、カード型の人気が高く、デスクトップでもスマホでもスクロールを前提にしたデザインをよく見かけます。 最近のWebデザインで使われているさまざまなテクニック... 続きを読む

Webデザイン、プレゼンや企画書に効果がある空白スペースを活かしたデザインの作り方 | コリス

2015/07/30 101 users コリス Origami プレゼン ボーダー 上下

デザインの大きなエリアを空っぽのままにしておくことを心配しないでください。この例では「Origami」のタイトルの上下のエリアに空白スペースを適用しています。 意図的に使われた空白スペースは、強いフォーカスを作り、デザインに呼吸するスペースを与えます。 不必要な要素を取り除く 空白スペースを作る一つの方法は、デザインで不必要な要素を取り除くことです。右のグラフィックのように、ボーダーを取り去ること... 続きを読む

UIデザインで大切な空白スペースの効果的な使い方 | コリス

2015/07/01 156 users コリス ユーザインターフェイス UIデザイン スペース 使い方

空白スペースは単なる美ではありません、ユーザインターフェイスの成功への鍵です。空白スペースがWebデザインやUXデザインにおいてどのように使うと効果的に機能するかを紹介します。 Why White Space Is Crucial To UX Design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 はじめに -UXデザインにおける空白ス... 続きを読む

Evernoteのウェブ版がスッキリ見やすいデザインに進化 ｜ ライフハッカー［日本版］

2014/10/06 15 users Evernote インターフェイス ライフハッカー アイコン

Evernoteを使う上で最大の不満の1つは、雑然としていて美しくないインターフェイスでした。それが先日、アップデートされました。ノートが前方中央に来るようになり、インターフェイスでごちゃごちゃした部分は隠れるようになったのです。 比較参照のため、以前の画面を載せます。 新しいバージョンでは空白スペースが広くなり、左側にあるシンプルなアイコンからメニューが飛び出し、ノート、タグなどはスライドして出... 続きを読む

ウェブデザインで大切な空白スペースの効果的な5つの使い方 | コリス

2013/08/29 242 users コリス ウェブデザイン ユーザエクスペリエンス スペース 下記

空白スペース（ホワイトスペース）が、ウェブサイトのユーザエクスペリエンスに与える5つの重要な効果を紹介します。 5 Ways How Whitespace Affects The User Experience 下記は各ポイントを意訳したものです。 はじめに：空白スペースの基礎知識 1. 空白スペースがデザインに使いやすさを加える 2. 空白スペースがコンテンツに読みやすさを加える 3. 空白スペ... 続きを読む