Blog
ブログで学ぶUX

カテゴリ: UX/UIデザインの記事

動画「The Expert」から学ぶ顧客との対話とUX実践のヒント

2014年「The Expert」と名付けられた一本の短い動画が技術界隈で非常に話題となりました。クライアントと技術担当者とのもどかしいミーティングの様子がコミカルに描写されており、39もの言語で字幕が付けられ、既に10億万再生、数千ものコメントを獲得しています。こうしたコメントの多くは同様のミーティングでストレスを被った人々によって書かれています。動画の中で、不幸な技術エキスパートはクライアント……

投稿日:

ディープラーニングと自動運転:未来の車の姿とは?

最近、ニュースやネットでも話題になっている自動車の自動運転技術。技術の進化とそれによって利用者にもたらされるメリットとはどんなものなのでしょう?自動運転とは?そもそも自動運転とはどういうものなのでしょう? 自動運転とはロボット工学、人工知能などを組み合わせた技術です。一般的には人の運転よりも正確性に優れており、操縦者の負担を軽減することにも繋がります。今後数年間のうちに多くの自動車に搭載されていく……

投稿日:

国旗と言語は混同してはダメ! ローカライズで注意したいUX

これは米国の市場に事業を拡大した、前途有望なフランスのスタートアップ企業の実話です。創設者は現在西海岸地域に事務所を所有しており、開発したアプリは完全に英語に翻訳されています。当たり前のようですが詳細について述べると、同社のウェブサイトを英語版に切り替えるためには、英国の国旗であるユニオンジャックをクリックしなければならないということです。 国旗に関する危険信号 これは笑い事ではありません。この話……

投稿日:

イラストレーターで図形を反転させる方法

皆さんはIllustratorでハートマークを作る時にどうしていますか? 様々な方法があると思いますが、今回は正確な左右対称のハートマークを作るためオブジェクトの反転方法を紹介したいと思います。 まずは半分だけハートを作る 右でも左でも構いませんので、まずはペンツールを使用してハートの半分を作りましょう。 リフレクトツールを使う 次に、リフレクトツールを使用します。 ツールバーの中にあるリフ……

投稿日:

CSSを直接タグに書いてスタイルを適用する方法

CSSを外部のCSSファイルではなく、HTMLファイルに直接記述する方法をご紹介します。本来CSSファイルで外部参照するのが一般的ですが、応急処置や、外部CSSに書くまでもない一度限りの内容などで活躍します。HTMLを文書単位でCSS指定する場合、2通りのやり方があります。HTMLのヘッダーに直接書く方法一つ目はHTMLのヘッダー内に<style>タグを書き込む方法です。こちらで指定し……

投稿日:

イラストレーターで画像を切り抜く方法

画像は必ずしも全て長方形で使用したいとは限りません。例えばIllustratorで丸い小窓のように見せるために画像を切り取るにはどうしたら良いのでしょう?このような時はクリッピングマスク機能を使います。クリッピングマスクとはパスの形に合わせて背後のオブジェクトの一部を隠す機能です。今回はそのクリッピングマスクの使い方をご紹介します。切り抜き用のパスを作成する今回の場合は星の画像の中心に円形のパスが……

投稿日:

イラストレーターのパスファインダーの使い方まとめ

パスファインダーとは複数のパスを合成させたり、逆に一方のパスからもう一方の形を切り抜いたりする事ができる一連の機能の事です。 手作業では再現が難しい幾何学的なパスも工夫次第で比較的簡単に作ることができます。 今回はこのパスファインダーの使い方を紹介しましょう。 パスファインダーウインドウを表示させる パスファインダーウインドウが表示されていない時はウインドウ→パスファインダーをクリックします。 ……

投稿日:

イラストレーターで図形の塗りつぶしをする方法

Illustratorで図形を描いて塗りつぶしてみましょう。このソフトではイラストを「鉛筆や絵の具を使うように」描く事には向いていません。その一方、綺麗な直線や曲線、正確な円や正方形は非常に簡単に描く事ができます。今回はこうした美しい図形を描き、それを塗りつぶす基本的な方法をご紹介したいと思います。綺麗な図形を塗りつぶすまずはIllustratorに最初から用意されている図形作成ツールを使い、綺麗……

投稿日:

イラストレーターで波線を作る方法

Illustratorのペンツールを使って綺麗な波線を手で描くのは至難の業です。そこで今回は波線の簡単な作り方をご紹介します。ペンツールで直線を引くまずはペンツールで直線を引きましょう。適当な一点をクリックし、少し離れた所をShiftを押しながらクリックすることで綺麗な直線を引くことができます。もしパスを引いても実線になっていない時はツールバー下部の線が有効になっているか、色は白以外に設定されてい……

投稿日:

イラストレーターでトンボを作成する方法

デジタルデータを印刷所に入稿する場合、必ず必要になるのがトンボです。 これの事ですね。名前は知らなくても見たことある! という方は多いのではないでしょうか。 今回はトンボの作り方と作る理由を紹介したいと思います。 A4オブジェクト上に名刺を作る まず目的のサイズよりも大きなドキュメントを作成しましょう。 今回は名刺を作るという仮定で、それより大きなA4サイズのドキュメントを作成します。 次にド……

投稿日: