アイコンとインターフェース | Goodpatch Blog
普段アプリやWebサイトなどで当たり前のように目にしているアイコン。そのアイコンについての面白い記事をデザイナーSébastien Desbenoitが“Icons And Interfaces”というタイトルでMediumに書いていました。そもそもアイコンとは何なのか、そのメリットとデメリット、そしてアイコンの標準化の必要性などが語られていたので、今回MEMOPATCHで翻訳してご紹介します！ （以下、”Icons And Interfaces”の翻訳） 私たちはなんとなしにインターフェースをアイコンで埋め尽くしてしまいます。けれども適切なアイコンを選んだり、デザインしたりすることは実は簡単なことではないのです。 アイコンとピクトグラム そもそもアイコンとは何なのでしょうか？アイコンはあるコンテクストの中で使われる、ある種のスタイルを持ったピクトグラムのことです。 ピクトグラム ピクトグ
新しいものが大好きなグッドパッチで10月に話題になったアプリ、サービス、デザインまとめ（2013） | Goodpatch Blog
月末になるとやってくる、Goodpatchのまとめブログです。冬の足音が聞こえ始め、もうそろそろ街がイルミネーションで埋まる季節になりましたね。2013年もあと9週間ほどで終わりです！ さて、今月もGoodpatch社内で共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します！ 過去のまとめ： 新しいものが大好きなグッドパッチで9月に話題になったアプリ、サービス、デザインまとめ 新しいものが大好きなグッドパッチで8月に話題になったアプリ、サービス、デザインまとめ 新しいものが大好きなグッドパッチで7月に話題になったアプリ、サービス、デザインまとめ アプリケーション MUSIXMATCH http://musixmatch.com/ カラオケの様に歌詞を追って表示してくれる音楽再生アプリケーション。動画がとてもおもしろく、アプリケーションの利用シーンがわかりやすくていいで
Goodpatchのデザイナーが選ぶ、インスピレーションを得られるサイトまとめ | Goodpatch Blog
先日@yajijiさんの「デザイナーとして煮詰まった時に見るサイト9つ」という記事が話題になりましたが、皆さんはデザインする前や、何かアイディアが思い浮かばないときなどにチェックしているサイトはありますか？それぞれお気に入りのサイトがあるかと思いますが、そういったインスピレーションが得られるようなサイトはいくつ知っておいても損はありませんよね。というわけで今回は、Goodpatchのデザイナーが日々チェックしていたり、デザインのインスピレーションを得たいときに見ているサイトをまとめて紹介します！（※DribbbleやBehance、Designer Newsなど、@yajijiさんが挙げていた9つは除いています。） Premiumpixels http://www.premiumpixels.com/ Dribbbleでフォローしたいデザイナーとして紹介したOrman Clarkが運営して
UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
どんな動きにするか悩んだときに！UIアニメーションのインスピレーションを得られるサイトまとめ | Goodpatch Blog
皆さんはUIの動きを考えるときに、どんなものを参考にしていますか？いつも簡単にぴったりの動きが思い浮かぶわけではないし、悩んだときに何か参考になるギャラリーサイトなどがあったら便利だと思います。今回フランス人WebデザイナーのWalter Stéphanieさんが“Interface Animations and Transitions: where to get inspiration”というタイトルでUIのアニメーションやトランジションのインスピレーションを得られるサイトを紹介していたので、本人の許可を得て翻訳しました！ （以下”Interface Animations and Transitions: where to get inspiration”の翻訳。） photo credit: Jorge Quinteros via photopin cc UI/UXデザインにおいて、細
これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（後編） | Goodpatch Blog
UIデザインの新しいワークフローを作るために長谷川恭久さんとの共同プロジェクトとしてスタートした“Patch Project”。導入部分として長谷川さんにお話頂いたワークフローの提案について「これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）」として記事にしました。後編となる今回は、デザイナーがするべき雰囲気のデザイン、また具体的なワークフローについての話をまとめていきます。 ルック＆フィールを考える photo credit: Crossett Library Bennington College via photopin cc ではHTMLプロトタイプを作っている間にデザイナーがするべきことは何なのか。それは雰囲気をデザインすること。レイアウト以外のデザイン、色やタイポグラフィ、写真や動画について考えていくのです。 具体的に言うと、スタイルガイドを作るこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
