2014.10.25第20回リクリセミナー「ディレクターの頭の中」でお話した際のスライドです。 デザインをする上で一番大事なコミュニケーションの問題について、過去にぶちあたった壁や解決策、日々意識していることをお話しました。Read less

09より最新版を ChatWorkの社内勉強会で、Keynote をプロトタイプ制作に使う方法を共有したことがあります。コード不要な点と、共有が比較的しやすいのでオススメしています。しかし、他のプロトタイプツールと同様、得意・不得意をしっかり理解していないと時間がかかるだけで無意味な作業になることがあります。 古くから Keynote を使っている方は Keynote 09 を好む方がいます。最新版に比べて UI が分かりやすく分類されていたり、AppleScript のサポートが充実していることから、今でも使っている方がいると思います（私も講演時は 09 を使うことがあります）。ただ、プロトタイプを作る際は必ず最新版を使うようにしています。最新版のほうが優れているのは以下の4点です。 0.01秒単位で微調整が可能 Keynote 09 では、スライドショーを再生しなければアニメーションを

新発見！ 美味しいステーキは凍ったまま焼く！2014.08.26 14:0011,904 junjun え？ マジですか？ 美味しいステーキの焼き方といえば、お肉を常温にしてからというのがポピュラーですけど、America's Test Kitchenの実験によると、冷凍してある凍った状態で焼くほうが、解凍してから焼くよりも数段美味しいんだそうです。 彼らのセオリーによれば、凍ったお肉を解凍するのは、単純に時間をムダにしているだけじゃなく、ステーキをマズくしてしまっているんですね。 America's Test Kitchenは、買ってきた2枚のステーキ肉をそれぞれ２つに切り分け冷凍し、一枚は解凍してから、もう一枚は凍ったまま焼いてみました。両方とも片面90秒づつ焼き、その後オーブンでミディアムレア（肉の中心温度が摂氏約51度）になるまで焼き上げるという同じ調理方法を使って。 そして、発見

前回エントリーでは「UIデザイナーが理解しておくべき11種類のナビゲーションと特徴」として、ナビゲーションの種類を、機能的な側面から分類し、ご紹介しました。 続編となる今回は、ナビゲーションをデザイン的な側面からとらえ、形状、ふるまい（動き）、階層というの3種類の表現軸に分けて、ナビゲーションでよく使われているデザインというものを整理してみました。 形状のデザイン UIにおけるナビゲーション要素が、主にどのような形状でデザインされているか、というパターンをここではご紹介しています。 メニューバー メニューをボタン化し、バー状にまとめたデザインです。PCサイトのグローバルナビゲーションやローカルナビゲーションなどによく採用されます。 一覧性に優れ、一目でナビゲーション要素と分かるため、ユーザビリティに優れます。一方、ある程度の表示スペースを必要とするため、スマートフォンではあまり用いられない

WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者／状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所

ホームページ作成の Jimdo (ジンドゥー) と予約システム Coubic (クービック) で高機能な予約ページを作成2014年7月29日 Jimdo (ジンドゥー) (jp.jimdo.com) は、専門的な知識がなくても、誰でも簡単にホームページを作ることができる、オンラインホームページ作成サービスです。コンテンツの配置をドラッグ & ドロップでできたり、直感的な操作でホームページの編集ができます。もちろん、スマートフォンのサイトも簡単に作ることができます。 予約システム「Coubic (クービック)」でも、簡単にブログのようなページを作ることが可能です。ただし、Jimdo のようにホームページ作成に特化しているサービスではないため、Coubic では各コンテンツの配置などを自由にカスタマイズすることはできず、予約できるページを作成し、ネット予約を受け付け、予約・顧客管理をする、とい

Macにも標準搭載されている有名なフォントだ。 しかも何かつけ加えてあるわけじゃない。 なのにLOUIS VUITTONのロゴは高級な感じがする。 なぜか？ 字と字との間の距離が開いているから。 ふつうの字間よりも、ほんのちょっと開いて配置するだけで、 “ゆっくり低い声で語る大人のトーンみたいな威厳”が出てくる。 というのは、『フォントのふしぎ』という本からの受け売り。 著者は、小林章。 アルファベットのデザインの専門家としてドイツの会社で働いている。「Helvetica」というドキュメンタリー映画の字幕の監修も彼だ。 本の中では、一般的な字間の組み方と比較してあって、その受ける印象の違いに驚く。 マイケル・ジャクソンの「THIS IS IT」のタイトルも、少し文字の間を開いて組むことで王道感をだしてるのだ。 この本の前半は、ブランドロゴや、ヨーロッパの街並みにあるフォントを、写真を使って

webデザイナ向けアレコレ計算式、略してweb計。 WordPressのfunctions.phpでのカスタマイズをコピペで簡単にできるWP-functions generatorもどうぞ 大丈夫だとは思いますが、計算が違ってても責任は負いかねます。いちおう免責として。

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

はじめまして このブログに興味を持って頂きありがとうございます。そしてはじめまして。STANDARDでデザイナーをしている鈴木智大と申します。本日よりこのブログの執筆をさせて頂きます。私にとっては、ブログを読んで頂ける一人一人がユーザーであり、このブログ自体がサービスです。しかし、まだこのブログというサービスがどのような形でゴールを達成するかは明確には考えていません。ゴールは今後、ブログを読み続けてくれるユーザーの声を聞くと共に、私自身も発見と学習を重ねることで一緒に作ることができればと思います。 ユーザーがサービスを最初に使い始め、まず出会う画面に会員登録の画面があります。サービスの改善フェイズでは、問題がないかをまず第一に注目する部分のひとつです。改善にあたり、この登録画面がユーザーにとってのハードルとなり、予期的UXから一時的UXの間の体験にギャップが生まれていることがよくあります。

Photo Editor - Photoshop Online by Pixlr - Free Image Editing Tools Now, there are even more compelling reasons to choose Pixlr as your go-to solution for all your online image editing requirements, particularly when you're looking for a powerful "photo editor." Whether you're inclined towards traditional desktop-style photo editing or prefer a more contemporary approach, Pixlr has you covered. Pi

最初から入っている標準フォントだけでは、ブログの画像にキャプションを入れたいとき、WEBサイトのメリハリを付けたいとき、ロゴを作りたいときなど、かっこがつかない！そんなふうに思うことありますよね。 しかしフリーフォントって、あまりに種類がたくさんありすぎて、どれを使っていいのやら困ってしまいがち。欧文フォントは種類も豊富だけれど、日本語対応(漢字も対応)フォントを探し出すのはひと苦労。 そこで！今回は使うだけでサイトや印刷物がかっこよく仕上がる、そんな日本語フリーフォントをご紹介いたします。 誰でも自由に無料ダウンロード！商用利用も可日本語対応上記を満たすフォントの中でも、特にクオリティが高く、様々なシーンで使用できそうなフォントを中心に集めました。（参考：サイト改善 10のポイント） 誰でも上手いキャッチコピーが作れる！ノウハウ記事17選とテクニック集 1.　 スタイリッシュにまとめたい

１．撮影する or 撮影済み画像を用意する お手持ちのカメラやスマホでOK。専用クロマキー背景は不要です。 白い無地の背景と適切なライティングにより、より ZenFotomatic の商品の検出精度を高めることが出来ます。無地の背景で撮影した画像がすでにあるなら次のステップにうつりましょう。 濃い色の背景やクロマキー撮影で使用するグリーンやブルーのバッグ紙は商品への色移りが発生し、返品リスクが高まるためお勧め致しません。商品撮影は白い背景で撮影しましょう。 ２．ドラッグアンドドロップでアップロード、1クリックで加工終了 大量の写真もおまかせ 画像フォルダを選択しマウス操作でドラッグアンドドロップするだけです。 ZenFotomatic では大量の写真もまとめてアップロードして1クリックするだけ。 もちろん細かい設定やこだわりの加工も可能です。 ランチ前にアップロードして1クリック、お腹いっ

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

末尾に追記していますが、モリパス（MORISAWA PASSPORT）など、たくさんの書体をインストールされる方には不向きです。 フォント管理はFontExplorer X Pro一択オシなのですが、有料でそれなりにすることもあり、検証に検証を重ね、Font Book.app編（OS X Mavericks）を作成してみました。 フォント管理2013（10.8対応、FontExplorer X Pro編） パレートの法則よろしくインストールされているフォントの中で使うものは一握りです。デフォルトの状態では、OSやAdobe CS/CCなどでインストールされるフォントがすべて表示されるため、フォントメニューには使用しないフォントがたくさん表示されます。 IllustratorやMac OSを再起動せずに、フォントメニューに表示するフォントをコントロールできるように環境を整備する方法をご紹介し