UIの使いづらさにイラッとする！これがフォームで使いにくい最悪なユーザインターフェイスだ -User Inyerface | コリス

2019/07/11 227 users コリス インタラクション ベルギー デザインパターン フォーム

使いにくいUI、間違いやすいインタラクション、誤解されるデザインパターンを再現したUser Inyerfaceを紹介します。ベルギーの制作会社「Bagaar」による、使いにくい最悪なユーザインターフェイスを楽しむゲームで...記事の続きを読む 続きを読む

ユーザインターフェイスのデザインのヒント - Apple Developer

2016/07/25 483 users インターフェイスデザイン iOS アプリケーション ヒント

iOS ではユーザインターフェイスのデザインがさらに洗練されており、魅力的で独特なユーザ環境を構築できる開発環境が準備されています。コードを記述する前に以下の共通デザインコンセプトを考慮に入れることで、アプリケーションの使いやすさや魅力を高めることができます。 iOSヒューマンインターフェイスガイドライン には、優れたインターフェイスデザインのための提案が詳しく紹介されています。 続きを読む

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

2015/07/01 156 users コリス UIデザイン スペース DESIGN 空白スペース

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

UIに使用しているアニメーションを今よりもっと魅力的に動かせるようになるチュートリアル | コリス

2015/04/07 119 users コリス チュートリアル アニメーション 意訳 レイアウト

ボタンやパネル、レイアウトなど、最近はWebのユーザインターフェイスでさまざまなアニメーションが利用されています。WebページのUIに使用しているアニメーションを今よりもっと魅力的に動かせるようになるチュートリアルを紹介します。 アニメーションを魅力的に動かすテクニックを段階的に解説しているので、それぞれの効果がよく分かります。 Giving Animations Life 下記は各ポイントを意訳... 続きを読む

ブックマークしておきたい、スマホUIをコレクションしている海外と日本のサイトのまとめ | コリス

2014/10/22 408 users コリス スマホUI フック 海外 楽しいアニメーション

iPhone, Androidなど、スマホのユーザインターフェイスの参考になるギャラリーサイトを海外・国内ともに紹介します。 まずは、スマホでその操作が楽しいアニメーションを伴ったUIギャラリーから。 CAPPTIVAT...記事の続きを読む 続きを読む

Photoshopでの作業がはかどる！ウェブデザイン（特にスマフォ）用の効果的な環境設定のまとめ | コリス

2014/04/22 384 users コリス ウェブデザイン Photoshop スマフォ 作業

Photoshopでウェブページやスマフォページのユーザインターフェイスをデザインする時に、最も良い結果がでる最適な環境設定を紹介します。 最後の「作業のパフォーマンスを向上させる設定」はウェブデザインに限らず、Photoshopの動作がもっさりしている人は見直してみてください。 How To Set Up Photoshop For UI Design 下記は各ポイントを意訳したもので、画像は当... 続きを読む

【保存版】iOS 7のインターフェイスやアイコンを作成するのに役立つデザイン用の素材・チートシートのまとめ | コリス

2013/10/01 143 users コリス インターフェイス 磨りガラス アイコン ソリッド

ホワイトをベースにしたフラットなスタイル、ソリッドなライン、磨りガラスのような半透明なパネル、ブラーエフェクトなど、iOS 7のユーザインターフェイスやアイコンを作成するのに役立つ素材・リソースを紹介します。 本体のモックアップ用の素材は、前回まとめたiPhone 5s/5cをどうぞ。 iPhone 5s/5cのモックアップ用のPSD素材のまとめ Download iOS 7 UI Kit PSD... 続きを読む

これは気になる！最近のウェブデザインで人気のカラーをまとめたスウォッチ素材 | コリス

2013/06/27 156 users コリス ウェブデザイン スウォッチ素材 DOWNLOAD 前回

前回紹介したフラットなユーザインターフェイスを作成する際にぴったりなカラースウォッチの第二弾がリリースされていたので、紹介します。 今回は442種類のカラーがセットになっており、前回のVol.1を含めてダウンロードできます。 Vol.2 of Photoshop Swatches Library for Flat UI Design スウォッチ素材のダウンロードはページ中程の「Download」か... 続きを読む

ウェブデザイナーは要チェック！フラットに効く400種以上のカラーがセットされたスウォッチ素材 | コリス

2013/05/16 262 users コリス ウェブデザイナー スウォッチ素材 要チェック カラー

フラットなユーザインターフェイスを作成する際にぴったりな400種以上のカラーがセットになったPhotoshop用のスウォッチ素材を紹介します。 トレンドカラーとして、フラットに興味がない人でもカラーの引き出しが増えますね。 Photoshop Swatches Library for Flat UI Design スウォッチは上記ページの「Download .aco」から直接acoファイルがダウン... 続きを読む

Eコマースサイトを成功に導くための18のアドバイス | コリス

2010/12/07 370 users コリス Eコマースサイト Dell ウロコ アドバイス

Amazon, Apple, DellなどのEコマースを参考にした、商業ウェブサイトとして成功に導くための18のアドバイスを紹介します。 下記は各ポイントを意訳したものです。 13番の「Google Sitemapに一工夫」は特に目からウロコでした。 Keep it simple どんな種類の商品を扱うサイトでも、サイトはシンプルで一貫したユーザインターフェイスを備えてください。不必要にユーザーを... 続きを読む

優れたユーザインタフェースを設計する際に考慮する8つのポイント | コリス

2009/04/23 547 users ユーザインタフェース コリス 意訳 ユーザー ポイント

ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consiste... 続きを読む