スナップマート株式会社に入る前 誰もが知るキャリア系グループ会社に大卒の新入社員として入社し、約４年半を過ごしました。 Androidとの出会い（大学時代） 大学はネットワーク（Ciscoルータとか）が専攻で将来はNWエンジニアを目指していたのですが、在学中の2009年にAndroidに出会い、衝撃を受けました。 「自分で書いたJavaコードが、手のひらの上で、こんな小さな画面で、こんなに簡単に動くのか・・・！」 それ以来Androidに魅了され、コンソールケーブルを持ち歩く機会が減りました。 学内プロジェクトでActionScriptを書いていたので、Javaが取っ付きやすかったのも要因のひとつかもしれません。 前職 そんな「モノづくりの楽しさ」を知った上で新卒SEとして就職したわけですが、実際に開発(※)しているのはSIベンダーであり、自ら手を動かすことは皆無で楽しくなかった。 ※

WebデザイナーがWebサイトだけでなく、スマートフォンアプリをデザインする機会が増えています。 ところが、Photoshopを使いこなしているデザイナーでも、UIのデザインとなると勝手が違い、試行錯誤している方が少なくないようです。本連載では、Photoshopを使ってアプリのUIをデザインするコツを、デザイナーのハマダナヲミさんが解説します。（編集部） Photoshopはもともと写真編集のためのソフトでしたが、印刷物やWebのデザインツールとしても使われるようになり、いまではデザインツールとしてPhotoshopを使っている方が多いのではないでしょうか。最近ではアプリのUIデザインにも便利な機能がどんどん追加されています。この連載ではWebデザイナーを対象に、iPhoneアプリを題材として、PhotoshopでUIをデザインする方法を紹介します。 第1回は、アプリ開発の大まかな流れを

TOP > テクノロジー > アプリ・サービス > UIデザイン事例を毎日紹介するUI版Product Hunt「UI Movement」 UIデザイン事例を毎日紹介するUI版Product Hunt「UI Movement」 UIデザインのインスピレーションを得るのに役立ちそうなサイトを紹介。 「UI Movement」は日々、UIデザイン事例を紹介し、Product HuntのようにコメントやVoteができるウェブサイトです。 上のようなUIなど、様々なUIが投稿されています。 Twitterアカウントを使ってログインすることでコメントや投票をすることができる他、UIの投稿も可能です。 UIデザインに携わる人は参考にしてみては。 UI Movement – The best UI design inspiration, every day. フォローして最新情報をゲット！ 色々なネタを

Webサイトを構築する上で、必ず行うべきことの一つがサイト競合分析です。 なぜか？ネット上では「比較」という行為がほぼ確実に行われるからです。 ネットリテラシー向上、タブブラウザの普及、比較サイトの拡大などによりユーザにとって比較という行為は、ネットを使う上で一般的なものとなりました。 そんな中で、競合分析をせずにWebサイトを構築したらどうなるでしょうか？ 自分たちではベストだと思って作ったものが、実は他社サイトよりも劣っていたとしたら？ 今回はそんな状況にならないために、弊社が実際にサイト構築を行う際に、事前におこなっているサイト競合分析手法をご紹介します。 それではいってみましょう。 ※今回ご紹介する競合分析手法は、あくまでWeb上での競合分析手法です。 新興市場でまだWeb上の競合が少ない、またはリアルの現場であたる競合などに対抗する場合はまた別の手法が必要なので、その点予めご了承

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

私たちの誰もが理解する”シンプル”という概念の正体を突き止めることは、難しそうに見えますが、実はそうでもありません。 私たちが製品やWebサイトをシンプルと感じるかどうかの背景には、”見れば分かる”ということだけではなく、単なる直観的な反応にとどまらない何かがあります。 Steve Jobs は次のように述べています。 シンプルであることは、複雑であることより難しい場合がある。物事をシンプルにするためには、思考を整理して懸命に考えなくてはならない。しかし、努力する価値はある。ひとたび達成すれば、山をも動かすことができるのだから。 シンプルにものを作ることにそんなに力があるのであれば、なぜ私たちはそうできないのでしょうか。 なぜシンプルであることは、こうも複雑なのでしょうか。 人生における多くの事柄と同じように、シンプルさには表面的に見えている以上の何かがあります。ここでは、私たちの脳が新し

※この記事は2023年5月に最新の状態に変更されています。 “ブランド”という言葉を聞いて真っ先に思いつくのがロゴやデザイン等、視覚的な要素である。 しかし、そのブランドを創り上げる“ブランディング”というプロセスの中では視覚的デザインは最終アウトプットではあるにせよ全体のごく一部でしかない。 むしろそのプロセスの中で最終的に抽出されたエキスの結晶を落とし込んだのが視覚的なアイデンティティであり、そのブランドを取り巻くビジュアル要素になる。 これは、人間が本来視覚的動物であるため最もイメージを与えやすい要素であることが起因する。 一方で、“ブランドイメージ”という言葉の裏には実はビジュアルでは表現することの出来ない“雰囲気”的部分が大きな役割を果たす。 例えばAppleは革新的である。Nikeは躍動感がある、エルメスは高級感など。 実はこれらのイメージは必ずしも企業や商品に限った事ではない

こんにちは！クックパッド編集室メディア開発グループ長の @yoshiori です。 今回はウチのチームの開発の進め方や見積もりの仕方を説明しようと思います。 実はコレ系の話は 5 年前にもデブサミで発表 したのですがこの時はリリースまで 1 年とかのレベルのプロジェクトの進め方の話でした。今回は 1,2 ヶ月でリリースまで持っていく開発の進め方を説明します。 動画サービス部分を microservices 化するときに実際に行った事を元に説明します。開発者は 3 人で 1.5 ヶ月位の開発です。 何故このようなことを行うのか 誰だって楽しく仕事がしたいし、なるべく不安などは無い方が良いはずです。 例えば自分がやっている作業がどうなったら終わりなのかわかっていなければ不安でしょうし、いつまでに作ればいいのかわかっていなければ不安でしょう。 そういった不安をなるべく無くすためにうちのチームでは

Repliaというアプリのアイコンと、サンプルPSDを描きました！ デザイナーにも開発者にもうれしいアプリなので、使い方を解説します Repliaとは RepliaはPhotoshopのデザインからiOSのソースコードを生成してくれるアプリです まずは30秒の使い方動画をみてください！魔法みたい Repliaで書きだしたプロジェクトファイルをSimulatorで見るとこんな感じ！ あっという間にSimulaterで見られるかたちに整えてくれるのはスゴイ…スゴイよ… ざっくりしたアプリ使用の流れは Repliaでpsdを読み込む Xcodeのプロジェクトファイルに書き出し です セットアップ方法 Repliaを使うにはAdobeのPhotoshopで設定が必要です フォトエディター | Adobe Photoshop CC無償体験版ダウンロード 公式ページのガイド：Guide - Repli

こんにちは、デザイン部の守谷です。 1月14日、例年のとおり1と4にこだわったこの日、ChatWork社の2015年の年賀ページを公開しました（みなさま、今年もどうぞよろしくお願いいたします）。 ちなみに年賀ページの作成は毎年、デザイン部が制作の大部分を一手に引き受けておこなっています。 今年は創業15年という節目の年だったため、「ChatWork社の15年の歴史」という（裏？）テーマを選出しました。さて今回はこの、年賀ページ作成の時に役立ったサービスをご紹介します。 15年の歴史を伝えるには……今までの年賀ページをご覧いただいている方はもうご存知かもしれませんが、ChatWork社では2009年以降の年賀ページで毎年、前年のできごと写真をタイムラインに起こして見せる、ということをずっとしてきています。 2009年 - 年賀ページ（今年もEC studio は１と４にこだわります！）201

「Webサイトやアプリのナビゲーションに ハンバーガーメニュー を使うべきかどうか」というテーマに関して、UI/UXデザイナーの間で交わされる、すばらしい議論や記事を目にする機会があります。 もし、ハンバーガーメニューの始まりや歴史が気になる場合は こちらの記事 をご覧いただくといいでしょう。 しかし、今回はハンバーガーメニューについて語る気はありません。この記事ではハンバーガーメニューの代わりとなり得る他のナビゲーションを模索し、その説明をしたいと考えています。 なぜこの記事でハンバーガーメニューを扱わないのでしょうか？　それは、ハンバーガーメニューは簡単で便利なソリューションであると同時に、以下に列記するような数多くの欠点を併せ持っていると、私が個人的に確信しているからです。 * 効率性の低下（インタラクションが遅くなる） * 視認性の低下（メニューが隠れる） * 不要アイテムの増加

前回に引き続き、アカウントプランニングのお話を。おさらいになりますが、アカウントプランニングとは、消費者の意識や行動を深く理解し、それを広告開発に活かすプロセスで、戦略論的には、消費者の「深層心理」を重視したところにポイントがありました。前回は主にアカウントプランニングの歴史を、そして今回はコンシューマーインサイト、クリエイティブブリーフといった大切な構成要素について、できるだけ実践的な視点で書いてみます。 コンシューマーインサイトとは「人を動かす心のツボ」 コンシューマーインサイトとは何か？100人いれば100通りの定義があるでしょうが、一番オーソドックスなのは「人を動かす心のツボ」という表現ではないかと思います。では、なぜインサイトが重要なのか。その前提には、今のマーケティングを取り巻く、次のような環境認識があります。 つまり、消費意欲が減退しているし、商品の差別化も難しい、なにより広

このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

ゲームシナリオ構成論 The Method for the game sinario writings for multi-ending adventur...小林 信行

パスワードを忘れた方はパスワードの再設定を行ってください。 初めての方ははてなID登録 (無料) してください。 うまくログインできない方はお問い合わせをご覧いただき、Cookieの設定をご確認ください。

世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/

パスワードを忘れた方はパスワードの再設定を行ってください。 初めての方ははてなID登録 (無料) してください。 うまくログインできない方はお問い合わせをご覧いただき、Cookieの設定をご確認ください。

クックパッドのおでかけサービスHolidayのiOSアプリを手掛けたのはデザイナー!?「デザイナーという職業や職域に関してはちょっとした問題意識は持っていた」と語るデザイナーの多田さんと、室長の友巻さんにアプリの開発経緯から、デザイナーとしての職域、組織マネジメントまで幅広いお話を伺いました。 3月に満を持してiOSアプリをリリースしたクックパッドの新規事業・Holiday。 このアプリ開発の鍵を握った人物は、開発工程まで手を出す「デザイナー」だったという。 もともと前身となるサービスを手がけていた学生たちがプロダクトとチームごとクックパッドに新卒入社し、発展させてきたHoliday。（※クックパッドの新規事業を新卒が立ち上げたワケ） 実はクックパッドに入社する昨年4月のタイミングで、チームに「デザイナー」がジョインしていた。その人物こそ、14年入社の同期である多田圭佑さん。なぜ多田さんは