グッドパッチサマーインターン2014レポート | Goodpatch Blog
グッドパッチで行った学生向けサマーインターンシップが終了したので、報告させていただきます。 グッドパッチでは8月19日〜29日にかけて、期間限定の学生向けのインターンシップを実施しました。今回の目的はこれから社会に出て行く学生の皆様に、弊社のビジョンやマインドを感じてもらい、何か成長のお役に立てればということでした。 関連記事「グッドパッチがサマーインターンシップを通じて学生の皆様に届けたいこと」 内容はおおまかに グッドパッチではどういうことをやっているのか デザインのプロセス プロトタイプとは何か Sketch3/Prottの使い方 受託開発を想定した企画/デザインコンペ というようなことでした。 1日目 まずは土屋からグッドパッチのこれまでの3年ほどの道のりや、これから何をしようとしているのかなどをお話させていただきました。その後、弊社の業務内容についてデザイナーの瀧本、ディレクター
Goodpatchのデザイナーが仕事で使っているデスクトップアプリ・Webサービス・手書きツールまとめ | Goodpatch Blog
みなさんはお仕事をされているときに、どのようなツールを用いて作業をしているでしょうか。 何かいいものがないかと探している方、まず何を使ったらいいのかわからないという方など、様々な方がいるかと思います。 先日Goodpatchのメンバーページ(⇒ABOUT)ができたので、今回は、Goodpatchのデザイナーに仕事でどのようなツールやアプリを使っているのか、またなぜ使っているかという理由を聞いてみました。 これらがみなさんの参考になれば嬉しいです！ UIデザイナー(小林幸弘さん) コバさんは、新しいツールやサービスが出たときにはとりあえず新規登録してみて、インタラクションであったり、見た目であったりを確認するようにしているそうです。その中でUIが細かいところまで考えられているものや、個人的に好きな見た目だったら使い続けるのだとか。 4コマノート、Notepod アプリ、スマートフォンサイトの
参考にしたい！固定ヘッダーが美しいWebサイト11個まとめ | Goodpatch Blog
こんにちは、だいきです。 前回MEMOPATCHで書いた【2013年度版】今年流行る！7つのUIデザイントレンドまとめ では取り上げませんでしたが、2013年のWebトレンドの一つに「固定ヘッダー」が上げられているブログをいくつか見かけました。 固定ヘッダーが2013年のトレンドになる理由として、海外のブログで下記のような意見があります。 固定ヘッダーのメリットとして、 そのページを見終わった後、別ページに行きたい時、先頭までスクロールする必要がないことがあげられる。 私たちはユーザーがスクロールしたり、検索する手間を省き、いつでも関連情報に簡単にアクセスしてもらう必要があります。 このような固定ヘッダーを準備することでUX向上にもつながります。 Fixed Headers – 2013 Web Trend – Karma https://yourkarma.com/ Wi-Fiルーター販
膨大なコンテンツを美しく、レスポンシブで見せているWebサイトまとめ | Goodpatch Blog
ニュースサイトやイメージギャラリー、ブログなどの情報量やコンテンツが多いWebサイトをデザインするのは大変ではないでしょうか。日々、情報の更新があるようなWebサイトはコンテンツを整理し、かつ見やすいようにレイアウトしなければなりません。そこで今回は「25 Beautiful Content Heavy Websites」で紹介されていた中から “膨大なコンテンツを美しく、さらにレスポンシブで見せているWebサイト” をいくつかピックアップしてまとめてみました！ House http://house.pl/ 大きなメインビジュアルがまず目に入るサイト。縦長長方形のブログ記事と赤い横長の長方形のプロモーション記事で構成されています。 Monocle http://monocle.com/ 写真や各記事のエリアの大きさが異なるWebサイトですがとても整った印象があります。 Esquire ht
ビビッドな色使いが目を引く、フラットなUIデザインのアプリまとめ | Goodpatch Blog
Feedly: Your Google Reader, Youtube, Google News, RSS News Reader 14（無料） カテゴリ: ニュース, エンターテインメント 販売元: DevHD – DevHD Inc Website RSSフィードリーダーのFeedly。メインカラーとして鮮やかな黄緑を使っており、カテゴリー部分では色を多用しています。慣れればどのカテゴリーかぱっとわかりそうで良いですね。 Infomatic Website Infomaticは自分のTwitterやFacebookの使用状況を統計で確認できるアプリ。残念ながら日本のアップルストアではダウンロード出来ませんが、青をベースとした配色が綺麗ですね。 Figure
これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（後編） | Goodpatch Blog
UIデザインの新しいワークフローを作るために長谷川恭久さんとの共同プロジェクトとしてスタートした“Patch Project”。導入部分として長谷川さんにお話頂いたワークフローの提案について「これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）」として記事にしました。後編となる今回は、デザイナーがするべき雰囲気のデザイン、また具体的なワークフローについての話をまとめていきます。 ルック＆フィールを考える photo credit: Crossett Library Bennington College via photopin cc ではHTMLプロトタイプを作っている間にデザイナーがするべきことは何なのか。それは雰囲気をデザインすること。レイアウト以外のデザイン、色やタイポグラフィ、写真や動画について考えていくのです。 具体的に言うと、スタイルガイドを作るこ
明日友達に自慢できる！隠れUIデザインまとめ8つ | Goodpatch Blog
以前からネットでiOSのデフォルトミュージックアプリを傾けると音量調節スライダーの光のあたり方が変わるという記事をよく見ます。 （参考: 【豆知識】本体の傾きに合わせて音量スライダの光沢が変化する（iPhone/iPod touch/iPod nano）） そこで上記のような細部に凝ったUIはもっとあるんじゃないのかと思い探してみました！これらを知っているとUIの勉強にもなるし、友達にも自慢できるのではないでしょうか？笑 iOS 計算機 iOSにデフォルトで入っている計算機アプリ。iPhoneなどをロックを解除して横にすると足し算やかけ算以外の複雑な計算ができるボタンが出てきます。僕はπしかわかりませんでした。 Foursquare その1 有名なチェックインアプリFoursquare。写真付き投稿の写真を左にスワイプすると隠れキャラが登場します。実はこの隠れキャラ、Foursquareの
メタファーがUXを向上させる5つの理由 | Goodpatch Blog
メタファー、日常生活であまり使うことのない言葉ですが、実はWebを通して私たちは日常的に触れています。 そもそものメタファーの意味はwikipediaに下記のように説明がありました。 メタファーは、言語においては、物事のある側面をより具体的なイメージを喚起する言葉で置き換え簡潔に表現する機能をもつ。わざわざ比喩であることを示す語や形式を用いている直喩よりも洗練されたものと見なされている。 参考: wikipedia Webにおけるメタファーで代表的、かつ議論があるものと言えば、保存を示す「フロッピーディスク」のアイコンでしょうか。 フロッピーディスクは昔、（今ではあり得ない量ですが）データを保存するものでした。そのなごりで私たちはフロッピーディスクのアイコンを見ると「保存するアイコン」と認識するようです。 この他にもWebにおけるメタファーの例はたくさんありますが、 今回は「メタファーがU
参考にしたい！思わず押したくなるiPhone、iOSアプリのボタンデザインまとめ | Goodpatch Blog
こんにちは、初めまして！ 今日からMEMOPATCHブログの更新をさせていただく、だいきです。 よろしくお願いします！ 先日「280万回押されるボタンのデザインとは」 という記事を読み、 アメーバから出ている「きいてよ！ミルチョ」の 「きいてよ！」ボタンが押したくなるようなデザインで とてもいいなーと感じました。 そこでアメーバの「きいてよ！ミルチョ」のような 「思わず押したくなるようなデザインのボタン」 を10個ピックアップしてまとめてみました！ （各アプリ名のリンクはiTunesに飛びます） きいてよ！ミルチョ 内容: 人には言えないノロケ・愚痴・思いつき・ひらめきをキャラクターに聞いてもらえるアプリ コメント: このアプリで一番押すボタン(きいてよ！ボタン)が立体的で押したくなるデザイン。 phoster 内容: 簡単にオシャレなポスターが作れるiOSアプリ コメント: homeなど
優れたUIデザインを作るために知るべき12のTips | Goodpatch Blog
こんにちは、だいきです。 海外のUIデザインに関する記事「14 Golden Eggs of Good UI Design（直訳: 優れたUIデザインの14の金の卵）」で書かれていたUIデザインに関するTipsがとても勉強になったので、その中からいくつか抜粋したものを翻訳しました！ （この記事はJohannes Thönesというブログの14 Golden Eggs of Good UI Designという記事の抜粋翻訳ブログです。） 1, 先進的な技術を使う理由 photo credit: Carlos Varela via photopin cc HTML5が新しい技術だからといって、それを使う必要性はありません。 新しい技術を使うことが目的になってはいけません。 ユーザーとユーザーが期待している事を考えてください。 どんなUX（ユーザーエクスペリエンス）をユーザーに与えたいですか？
2013年度 今年流行する！7つのUI、Webデザイント レンドまとめ | Goodpatch Blog
こんにちは、だいきです。 2013年になってからもう二週間以上過ぎてしまいました。 新年になって海外の多くのブログで「2013年のWebデザインのトレンド！」 のような記事が出ていたので、UIデザイン会社であるGoodpatchのブログでは 「2013年に流行るであろうUIデザインのトレンドまとめ」をしてみたいと思います！ 1. アニメーション (参照: The Good Man http://thegoodman.cc/ ) このサイト「The Good Man」はブラジルのデザイナーさんが学校の卒業制作として作ったサイトだそうです。 一切画像を使わずHTMLとcss3で作られたのにも関わらず、一つのムービーを見ているかのようです！ このようなアニメーションがWebサイトで使われることで、コンテンツやサービスをよりユーザーに理解してもらえたり、Webサイトにおもしろい効果をつけられそうで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リアル・ウォンテッドリーに参加します！ | Goodpatch Blog
第1回 UIのいいiOSアプリ10選
第2回 UIデザイン会社のメンバーお気に入り、UIのいいiOSアプリ10個！ | Goodpatch Blog