いやぁ、こんなバナー、お客さんクリックすると思う？ え、クリックが目的じゃない？ じゃあ何なのよ。ブランド認知？ このバナーで認知をとって、後から検索させる？ そうしたら検索広告はどうなってんの？ これの承認もらえたら考える？ あのさぁ、まずカスタマージャーニーを描こうよ。全体のシナリオがないと個々のパートの是非は判断できないじゃない–。 そんなクライアント、あるいはボスの一言から、カスタマージャーニーをめぐる我々の旅はスタートします。しかし、その旅は幻の白鯨「モビー・ディック」を巡るピークォド号の死の航海のごとしです。喧々諤々の議論の末、ジャーニーはどうにかでき上がるわけですが、何となくみんなしっくりきません。スターバック一等航海士（余談ですがスタバの語源）は航路に不安を覚えています。銛打ちのクイークエグは食料を心配しています。そしてしまいには、狂気のエイハブ船長がこんなことを言い出しま

2016年2月29日 Webデザイン, 便利ツール みなさん、UIデザインのツールって何を使っていますか？かつてはWebデザインに使うグラフィックツールはPhotoshop一択でした。しかし昨今はお手頃価格のグラフィックツールが増えてきて、どれを使うのがいいのか悩んでしまったり…。私もその一人でした。そこで現在巷でよく使われているPhotoshop、Illustrator、Sketchを比較してみました。 ↑私が10年以上利用している会計ソフト！ UIデザインのツールって、何使ってます？ — Webクリエイター ボックス (@webcreatorbox) February 19, 2016 Twitterでもアンケートを取ってみました！やはりPhotoshop強し！ 各ツールとも日々進化しており、以前はできなかった機能ができるようになっていたり…と、今回記事を書いていて改めて気づいたものも

現在のWeb制作は、フロントエンド技術やブラウザの機能が充実してきたことで、少し前までは難しかったリッチな表現が取り入れやすくなりました。 一方、高解像度モニタからスマートフォン、スマートウォッチなど、多種多様なスクリーンに合わせて表示する要素を精査し、画面を設計する必要もでてきています。 私自身は広告サイト制作よりもCGMサイト制作の比重が大きいため、基本的に地味なUIパーツやUXの設計、改善に関わる内容を中心に情報を集めています。 その中で個人的に気になった技術、海外の記事やWebデザインのショーケースサイトでよく見る傾向、最低限抑えておきたい考え方などを5つほどまとめました。 クライアントサイドでの画像加工 デザイナーが加工したデータをアップしたり、サーバーサイドで処理することなく、クライアントサイドで画像を加工する技術を目にする機会が増えてきました。実装方法としてはCSS、SVG、

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

みなさんこんにちは！ UIデザイナーとしてGoodpatchでインターンをしているワラスです！  あっという間の1ヶ月が過ぎて、今年2発目のmemopatchまとめです。最近時間が経つのが以前より早くなったような気がします。それでは今月も、新しくておもしろいサービスやアプリを紹介していきたいと思います！ 今までのまとめはこちらからどうぞ。 サービス Should I get up?: To stay in bed, or not to stay in bed 今日の天気や降水確率、風の強さ、日の出からどのくらい時間が過ぎているのか、などの情報から、このままゴロゴロしているべきか否かを教えてくれるだけのサービスです。この潔さがいいですね。予定のない休日に使ってみてください。 http://www.shouldigetup.com/ Mondriantab タブを開くたび、モンドリアンの構成が

どもです、水野です。 今回は前の記事では書ききれなかった「イラスト依頼の内部資料」を公開いたします。 ただ、全部を紹介するとものすごいボリュームになるので、今回はフッター部分の朝・昼・夕方で切り替わる３つのイラストの依頼資料を公開する形でいきます。 イラストの依頼をしたことがある人からすると「そんな程度か」と思われるかもしれませんが、カードローンガールズのイラストレベルが出来た資料なので慣れていない方やまだイラスト依頼をしたことがない方には少しは有益かもしれません。 あわせて、イラスト依頼をするときに僕が特にイラストレーターさんに配慮した点を反省点も含めてお伝えします。 イラストを依頼するコツは、絵師さんが仕事をしやすい環境を作ること イラストを描いたことが無い人（自分も含む）からすると、「絵はちゃちゃっと描ける」なんてイメージが無意識にあると思うんです、特に僕はそうでした。 どんなイラス

Goというプログラミング言語の強みの１つは、 Tony Hoare考案のCSP に基づくビルトインの並行性(Concurrency)です。Goは並行性を念頭にデザインされているため、複雑に並行したパイプラインの構築を可能にしています。でも、それぞれの並行性パターンがどのように見えるものなのか気になったことはありませんか。 もちろん、気になったことはあると思います。恐らくそれぞれ形は違っても、誰もが頭に描いているのではないでしょうか。もし、「1から100までの数字」について聞かれたら、無意識に頭の中で数字のイメージを思い浮かべると思います。例えば、私の場合、自分の前から1から20までがまっすぐに並び、21以降は90度右に曲がり1000以降まで続くイメージが浮かびます。これは多分私が幼稚園の時に教室の壁に沿って数字が貼られていて、ちょうど角に数字の20があったからなのだと思います。別の例えをす

デザインやHTML, CSSの知識は不要。Bootstrap 3ベースのかっこいい縦長ページや複数ページのサイトが簡単に作成でき、デザイナーやコーダーがいなくても、そしてデザインやコードが分かる人には今までの作業がぐっと楽になるオンラインサービスを紹介します。 サンプルを元にカスタマイズしてもよし、ヘッダやコンテンツなど100種類以上のコンポーネントからクリック一つでぽんぽんページのレイアウトが完成してしまいます。 Assembly Assemblyは無料で利用でき、一部のコンポーネントとHTML化が有料（$17）です。 $17は2016年2月現在、1,900円なので、フル機能でこの値段は有りですね。 まずは、Assemblyでどんなページができるか見てみましょう。 縦長スクロールのページで、ヘッダは大きい写真画像、コンテンツが数パターンあり、フッタがデザインされています。コマ数を落として

美しいライン使いとイメージが魅力の手書きフォント12選「12 Beautiful Cursive & Handwritten Fonts To Download」 フォントにもいろいろな種類がありますが、中でも手書きフォントはラフな質感と柔らかいデザイン表現ができるため、重宝される存在。今回はそんな手書きフォント12選「12 Beautiful Cursive & Handwritten Fonts To Download」を紹介したいと思います。 Shorelines Script Font | dafont.com 美しいライン使いとイメージが魅力のフォントが紹介されており、12種という厳選された数ですが、どれも魅力的なものばかり。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Milasian Circa Font | dafont.com イメージビ

自分で何かWebアプリを作るときにデザインも自分である程度満足いくレベルのものをできるようになりたくて、今年に入ってからいくつかデザインの本を買いました。 感想と勉強になったことをまとめてみます。 ノンデザイナーズ・デザインブック ノンデザイナーズ・デザインブック [フルカラー新装増補版] 作者: Robin Williams,吉川典秀出版社/メーカー: 毎日コミュニケーションズ発売日: 2008/11/19メディア: 単行本（ソフトカバー）購入: 58人 クリック: 1,019回この商品を含むブログ (107件) を見る 定番・・・なんですかね。どこかでデザイン初学者向けにオススメされていたのをみて買ってみました。 とても教科書っぽいです。ただ文章は程よく砕けていて読みやすく、理論をベースに実際の例をたくさん挙げて説明されているのでとっつきやすいです。 特に参考になった章：7章 Usin

Webやアプリを開発する際に必要となる「Webデザイン」の勉強&参考に最適なサービス「Collect UI」のご紹介です！ 圧倒的なコンテンツ数を誇っているのが魅力的ですが、細かくカテゴライズされているので「ログイン画面」や「フォーム」など、自分が必要としているシーン別に探しやすいのも特徴でしょう。 使い方！ サイトにアクセスすると、およそ2000種類を超えるオシャレなWebデザインの一覧を見ることができます。 これらのデザインは、「Dribbble」などから抽出されているのですが、ランダムに選ばれているのではなく、人の手によって「最もイケてる」と思われるデザインだけをキュレーションしているのが特徴です。 さらに、ユニークなのは画面左側にズラッと並んでいるカテゴリ！ 2016年2月29日現在で、なんと117カテゴリに分けられているので、かなり細かい絞り込み検索ができるでしょう。 ほんの一部

先週末、大人向けワークショップ deCAFE に参加してきました。昨年にも一度参加したことがあって、今回で 2 回目。今回はワークショップではなく過去を振り返りながらお喋りをする会でしたが、運営メンバーにイベントの意図や裏話を聞くことができて大変楽しかったです。 運営チームの方々は Web や IT 業界働くデザイナーがメインですが、ワークショップの内容はそこからかけ離れたテーマを扱っています。テーマの抽象度が高いことから、具体的に「◯◯を学んだ」とは言い表せないものの、他のイベントでは得ることができない何かを掴むことができます。 最近は数十分話すセミナーよりワークショップが多くなってきていますが、自分のワークショップにも何か取り入れるものがあるかもしれないという好奇心が参加のキッカケでした。前回と今回の参加を通して、漠然としていた deCAFE で得れた「何か」を鮮明にすることができまし

みなさんは、魔法陣を描いたことはありますか？　複雑な模様や解読不明の文字が組み込まれた「魔法陣」。魔法や召喚術などに憧れてノートに手書きで頑張って描いた…なんて人もいるかもしれませんね。本日は、厨二病と言われても一度は描いてみたい「魔法陣」の描き方を解説したイラストを特集しました。 ぼんやりと輝く魔法陣をイラストに登場させて、みなさんも魔法使いな気分を楽しんでみてはいかがでしょうか。それではご覧ください。

こんにちは、ARuFaです。 突然ですが僕は現在、『浅草』に来ております。 浅草といえば、言わずと知れた東京を代表する観光地。 シンボルである「雷門」をはじめ、ここ浅草には様々な見所があります。 例えばこちらの「花やしき」。 ここは日本最古の遊園地であり、絶叫マシンや昔懐かしいメリーゴーラウンドなど、様々なアトラクションでお客さんを楽しませてくれるところです。 また、浅草を代表するお寺、「浅草寺」に行って無病息災を願ってみたり、 そこでおみくじを引いてみたり、 記念に顔ハメをしてみてもいいかもしれませんね。 …さて、そんな観光地「浅草」ですが、やはり観光地といえば欠かせないのがお土産です。 観光地のお土産といえば、その地域の名産品やせんべい、おまんじゅう等が鉄板とされていますが、僕にはそれらを差し置いたとしても、「絶対にこれだけは買う」というマストバイなお土産があります。 それがこちらの…

2015年の1年間で多くの方がご覧になった家具をアクセス数順にランキング形式でまとめました。総合ランキングとカテゴリー別ランキングでお届けします。 新旧の名作や、話題になった製品が並びます。家具選びの参考にしてみてください。

いつも「THE PAGE」をご利用いただき誠にありがとうございます。 お客様がアクセスされたウェブサイト（https://thepage.jp）は2018年10月1日をもってサービス終了しました。 THE PAGEの最新の記事は、Yahoo!ニュースの「THE PAGE」掲載ページでご覧いただけます。 ・Yahoo!ニュースの「THE PAGE」掲載ページ（https://headlines.yahoo.co.jp/list/?m=wordleaf） 今後も「THE PAGE」の記事をご愛顧くださいますよう、よろしくお願いいたします。