MEMOPATCH

Sketchを買ったら読んでおきたい!基本的なことからちょっとした小技、ショートカットまとめ

sketch0

つい最近までSketchは日本であまり知られておらず、日本語でSketchについて書いている記事はほとんどありませんでした。ところが5月7日にFireworksの開発終了が発表され、代替ツールとしてSketchの名前が急浮上。それに合わせたのかSketchが5月8日に半額セールを行い、Sketchについて書かれた記事やツイートも増えてきて、注目度の高まりが感じられます。とはいえ英語日本語問わず、Adobe製品に比べたら圧倒的に情報量が少ないSketch。Adobe製品と同じような機能やショートカットも多いですが、使いこなせるようになるまでは少し時間が掛かりそうです。Goodpatchでもマニュアルや記事を読みながら、隙間時間にSketchを触ってその機能を確かめています。というわけで今回は、Sketchの基本的な機能や、発見した小技、ショートカットなどをまとめてみました。
先日アップした「Fireworksユーザーに朗報?海外で話題の新しいWeb制作ツールSketch.app」に書いたことは省略しているので、そちらと合わせてご覧下さい!

  • このエントリーをはてなブックマークに追加

これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(後編)

ui-du

UIデザインの新しいワークフローを作るために長谷川恭久さんとの共同プロジェクトとしてスタートした“Patch Project”。導入部分として長谷川さんにお話頂いたワークフローの提案について「これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編)」として記事にしました。後編となる今回は、デザイナーがするべき雰囲気のデザイン、また具体的なワークフローについての話をまとめていきます。

  • このエントリーをはてなブックマークに追加

これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編)

ui-ec

先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに!

まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。

  • このエントリーをはてなブックマークに追加

ビビッドな色使いが目を引く、フラットなUIデザインのアプリまとめ

flat-ui

2013年のデザインのトレンドはフラットだというのはあちこちで言われており、MEMOPATCHでもフラットデザインにフォーカスした記事を書いています。実際にそういったデザインのアプリを見ることも多くなってきたので色々調べていたところ、ビビッドな色を使ったアプリが多いことに気が付きました。そこで今回はビビッドな色使いが目を引くフラットデザインのアプリを紹介します。

  • このエントリーをはてなブックマークに追加

思わず就職したくなるデザインの採用ページまとめ13こ

thumbnail

こんにちは!
前回の記事「Webサイトを魅力的にするAboutページまとめ8つ」に引き続き、Webサイトの特定のページをまとめてみました!
今回まとめたのは「採用ページ」です!

  • このエントリーをはてなブックマークに追加

意外と知られていない!? Macアプリのアイコンを高解像度で見る方法!

iphotothumb

こんにちは!
今回は最近知った、Macアプリのアイコンに関する小ネタのご紹介です。

iOSアプリのアイコンに関する記事やギャラリーは結構見ますが、Macアプリに関する記事ってあまり多くないですよね。Macアプリのアイコンだって小さくてよく見えないけど、優れたデザインのものはたくさんあります。今回は高解像度のMacアプリのアイコンを見る方法をご紹介します!!

  • このエントリーをはてなブックマークに追加

思わず目を引く!クリエイティブな海外のバナー広告デザインまとめ16個

webbanner_thumb

ブログやWebサイトを見ていると必ず目に入るのがバナー広告です。

バナー広告は、とりわけその広告先の情報を求めているわけではないが、
潜在的に興味がある人にリーチするための広告です。

デザイナーとしては適切なメッセージを簡潔に伝え、クリックしてもらえるようなバナー広告を作らないといけません。

Creative Web Banner Ad Designsという海外の記事で、Webのバナー広告をデザインするときに下記の事を心に留めておくべきと書かれています。

◯どこに広告をだすか?
競合企業がどんなバナー広告を出しているのかを確認し、クライアントのブランドイメージを守りながら競合、またはその他の広告より目を引くものでないといけません。

◯広告のターゲットは誰か?
広告のターゲットに合わせたデザインにする

◯その広告は何を販売しているか?
ユーザーが混乱しないようにメッセージ/製品と一致したバナーを作る


きれいなデザインのバナー = クリックされるバナー
というわけではないですが、バナー広告をデザインする時の参考になればと思い
「クリエイティブな海外のバナー広告デザイン」をまとめてみました。
バナーはWEB BANNER GALLERYという海外のすぐれたバナーを集めたサイトで評価の高かったものをピックアップしたものです!

  • このエントリーをはてなブックマークに追加

Appleのヒューマンインターフェースガイドラインから学ぶの5つの優れたUIの秘密

medium_6197301081

こんにちは、だいきです。
みなさんApple製品は好きですか?
弊社、Goodpatchのメンバーは全員Macで作業をしています!

今回は私たちを魅了し続けるAppleのUIデザインの秘密に書かれている記事を発見しましたので翻訳しました!

  • このエントリーをはてなブックマークに追加

より良いUIデザインを作る為に必要な8つの基礎

typograp

こんにちは、だいきです。
今回はUIに関するおもしろい講演のまとめを見つけたのでブログにしました!

その講演は2011年の年末に開催された「シリコンバレー コードキャンプ」にてCitrixのプロダクトデザイナーであるUday Gajendar氏が
「より良いUIデザインを作る為に必要な8つの基礎 (原文タイトル: “How to Master Good UI Design”)」 
にという題目で話したものです。
Citrixとは…米国フロリダ州に本拠を置く情報テクノロジー企業のことである)

以下がGajendar氏がその講演内で話した8つの基礎的なUIについてです。

  • このエントリーをはてなブックマークに追加

参考にしたい!思わず押したくなるiOSアプリのボタンデザインまとめ

blog_toppic1

こんにちは、初めまして!
今日からMEMOPATCHブログの更新をさせていただく、だいきです。
よろしくお願いします!

先日「280万回押されるボタンのデザインとは」 という記事を読み、
アメーバから出ている「きいてよ!ミルチョ」
「きいてよ!」ボタンが押したくなるようなデザインで とてもいいなーと感じました。

そこでアメーバの「きいてよ!ミルチョ」のような
「思わず押したくなるようなデザインのボタン」 を10個ピックアップしてまとめてみました!

(各アプリ名のリンクはiTunesに飛びます)

  • このエントリーをはてなブックマークに追加
1234