UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
100円プロトタイプ（The $1 Prototype）
2015年2月28日 Regional Scrum Gathering Tokyo 2015 : Day 1 : [1E-2] 100円プロトタイプ ～ ポストイットで、あっという間にモバイルUXデザインRead less
最新動画PARK
2024.01.02 ストマックの日常(裏)マルサが来た。国税査察、地獄の取り調べ【第37話】(2023年7月4日) 登録者数260万人の人気YouTuber『ガードマン』のメンバーに国税査察、いわゆるマルサの査察が入りました。ストマック氏にとって、これは他人事ではありません。 国税査察チームの次のターゲットは、ストマックなのか？ 国税の査察とは、国税局査察部が行う「強制」的な調査です。 事前の連絡はなく、会社や社長の家に一斉に捜査員がなだれ込みます。 悪質な脱税行為、そして脱税額が大きなケースを中心に調査します […] 2024.01.02 【オンラインカジノ】$2000で勝負する！！！！【Stake】 サブチャンネル ニコニコ生放送と同時配信しています！！ ツイッター よろしくお願いします！！ リンクツリー ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ※未成年の方はご利用になれません。 ※この動
デザイナーがプログラマーと仕事する際のポイントとは? - デザイニアン
東京都港区のTwitterオフィスにて今年4月、エンジニア(プログラマー)/デザイナー向け勉強会「デザイニアン」が開催された。 デザイニアンは、エンジニア/デザイナー間の溝を埋めるべく、ツクロアの秋葉秀樹氏とオープンウェブ・テクノロジーの白石俊平氏によって企画された勉強会。エンジニアはデザイナーの、デザイナーはエンジニアの、作業や考えを理解し、業務連携を高めることを主な目的としている。 本稿では、同勉強会の様子を簡単にご紹介しよう。 デザイナーもコーティング知識が必要な時代 勉強会は、約40人の参加者におけるエンジニアとデザイナーの比率を調査することから始まった。聴講者に挙手を求めたところ、エンジニアとデザイナーの割合は概ね半数ずつ。偶然ではあるが、勉強会の目的にふさわしい人数構成となった。 参加者の状況を把握した後、秋葉氏はさっそくデザイナーの一般的な意見を代弁。「エンジニアさんのディス
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
世界のWebデザイナーのお給料はいかほど？
2013年12月25日 Web関連記事, 海外情報 以前日本のWeb屋さんと、海外のWebデザイナーのお給料について話したことがあります。話を聞く限り、日本は長時間労働・低収入、海外は時間キッチリ・高収入な私の勝手なイメージ。じゃあ実際どんなもんかしら？と思い、働いたことにある国を中心に、6カ国の賃金事情を調べてみました。各国の最低賃金とWebデザイナーのお給料はどのくらいあるのでしょう？ ↑私が10年以上利用している会計ソフト！ さっそく見てみましょう！ お給料（年収）は総支給額の中央値、レートは2013年3月11日のものです。ソースは記事の最後に。 オーストラリア オーストラリアが国で定めた最低時給はAU$15.96（1,568円）*1。オーストラリアはチップ文化がないため、比較的高めの設定になっていると聞いたことがあります。ちなみに日曜に出勤したら時給2倍に、祝日だと3倍になります！
これでテストの為にAndroidを沢山買わなくていいかも。Androidアプリの実機テストをリモートで行えるサービスを試してみた
レーベでもAndroidアプリの開発を行っていまして、最近ではカメラアプリを開発しました。沢山ダウンロードされると「○○で動かない」といったレビューがGoogle Playに入る事も多々あり、逐一各機種でテストする必要があります。 最近まで私たちも実機を事あるごとに購入していたのですが、良いレンタルサービスを発見したので、簡単な動作検証の場合は実機を買わずに済ませるようになりました。 Remote Testkit for Androidについて http://appkitbox.com/testkit Remote Testkit for AndroidとはNTTレゾナントが提供するリモートによるスマートフォン実機検証のためのサービスです。端末のレンタルはチケット制で3チケットで30分利用可能となっています。6チケット（1時間分）945円（税込）で販売しています。 エミュレータではなく、実
なぜ日本のWebデザインはダサいのか？ | Goodpatch Blog
こんにちは！ みなさんQuoraというサイトをご存知ですか？QuoraはFacebookの元CTO（最高技術責任者）が立ち上げたQ&Aサイトです。実名+肩書きの登録が必要なので、他のQ&Aサイトより回答者のクオリティが高い事が特徴のようです。（日本だとYahoo知恵袋が似ているWebサービス） 今回Quoraで日本のWebデザインについての興味深い質問を見つけたので、その質問と回答のいくつかを記事にしてみました。（記事ネタQuestion :Why is web design so bad for Japanese websites?） 【Question】 これまで日本のWebサイトは一般的にきれいなものだと思っていたが、実際は違った。アメリカのWebサイトより5年から10年の遅れを取っているように思えます。多くのWebサイトにFlashが使われているし、アメリカのものよりごちゃごちゃし
『ゲーム企画の作り方（基礎編）』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちわ、 モテキロワイヤルのプロジェクト責任者をしています 堀江（@yu_horie）と申します。 絶賛リリース中のソーシャルゲーム 「モテキロワイヤル」（遊んでみてね！）ですが、 制作が決まった経緯が他の内製ゲームと少し違います。 モックプランコンテストモックプランコンテストは2012年の3～4月にかけて行われた、 社内のエンジニア・クリエイター向けのコンペです。 特徴としてはスマートフォン向けの新事業やサービスのアイデアを言葉ではなく、 モックで（実際に作って）提出するという点です。 当時、アメーバピグのデベロッパーとして従事していた私は、
CSSスプライトとは (CSS Sprites) シーエスエススプライト： - IT用語辞典バイナリ
CSSスプライト 読み方： シーエスエススプライト 【英】 CSS Sprites CSSスプライトとは、Webデザインにおける技法の一種で、複数の画像部品を連結して1枚の画像ファイルにまとめ、CSSで表示範囲を指定することによって表示する手法のことである。 CSSスプライトは、一般的には複数のファイルとして扱われる画像部品を、1つのファイルにまとめて扱うため、Webページを表示する際にサーバーに対して発せられるHTTPリクエストの数を削減できるという特徴がある。これによって、HTTPリクエストによる表示の遅延を防ぎ、パフォーマンスの向上を図ることができる。また、オンマウス時に表示の切り替わるメニューボタンのような類似画像をまとめて管理できるという利点もある。 CSSスプライトによってまとめられた画像部品は、CSSの「background-image」プロパティで表示範囲を指定することによ
iPhoneの「ホーム画面追加」を促す | Agnist.code
http://code.google.com/p/mobile-bookmark-bubble/ こいつを使うことでiPhone表示時に画面下側へ下記のように出せる。 1. ソースのダウンロード[Source]→[Browse]のページを開き、「bookmark_bubble.js」を落とす。 左側の「example」を開き、「example.js」を落とす。 2. HTMLへ組み込む下記の感じで組み込む。 <script type="text/javascript" src="js/bookmark_bubble/bookmark_bubble.js"></script> <script type="text/javascript" src="js/bookmark_bubble/example.js"></script> 自分の場合は整理のため「bookmark_bubble」というフ
クライアントよ、お前の依頼の大変さを思い知れ！これが「デザイン修正」だ！
昨日紹介したデザインができるまでの過程をまとめたイラストが多くの反響をもらった。これを機にデザイナーに優しくしよう！ 元々@nerichichiさんという方が描いたイラストらしいのだが、その方の別の作品でクライアントが当たり前のように言ってくるデザイン修正がどれだけデザイナーにとって大変なのかを描いた漫画があったので、紹介する！これも物凄く納得感のあるイラストだ…。 密にコミュニケーションを取り、最高のアウトプットを これを見るだけでデザイン修正の大変さに納得すると同時に今後自分も発注する側として気をつけよう、と改めて心に誓った。 【img via 練乳の投稿画像】 クライアントによる大量かつ細かい要望に応えつつも複数回に渡る校正。最後にできあがったものは「絶妙なバランス」を持って成り立っているのを、根本的な要素に対して当たり前のようにデザイン修正を求めるクライアント。 もしあなたがデザイ
初めてでも大丈夫！今さら聞けないワイヤーフレームの描き方のコツ | KAYAC Director's Blog
おヒマな方へ 初めてでも大丈夫！今さら聞けないワイヤーフレームの描き方のコツ はじめまして！鎌倉でソーシャルゲームを制作しているとうせです。そろそろ入社2年目に突入します。 入社直後の仕事はモバイルソーシャルゲームの新規開発で、「100枚超のページから構成されるサイトマップと、それに紐づいたワイヤーフレームを全部描くこと」でした。 その際に気を付けていたことを少し公開したいと思います！ 下準備：ネタを集めよう！ いちユーザとしての視点を思い返せるように準備する という点に注意するだけで、ワイヤーフレームを描くときのネタは集まってきます。 私自身は、モバイルサイトのワイヤーフレームを描くことが多いので、携帯電話の「画面メモ」を使ってメモをよく取っていました。 最近はようやくスマートフォンに鞍替えしたので、スクリーンショットをばしばしとっています。 スクリーンショットを撮る目的 自分のアプリ
『Flashの代替としてのHTML5』
私は入社して以来、仮想空間サービスのアメーバピグやFacebookアプリの開発などFlashベースのプロジェクトに主に関わって来ましたが（どちらかというとサーバサイドでしたが）、９月より異動になり、既存のFlashコンテンツベースのサービスのスマートフォン対応を担当することになりました。周知の通りiOS(iPhone、iPad)でFlashはサポートされず、ブラウザ上で動かすのであればHTML5関連の技術を使って何とかしなければなりません。Flash的な「タイムラインによるベクターアニメーションを使うアプリケーション」を、既存のSWF素材を活用しつつ、また確立された開発体制をなるべく崩すこと無く、スマートフォンのブラウザ環境でのHTML5においていかに実現するかが目下の課題といったところです。 さて、世間的にも、FlashでできることはHTML5でできるという主張のもと「Flash vs.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Slidebean
あたし、このデザインを納品したら故郷に帰って結婚するんだ。vol.05｜株式会社アクトゼロ｜クリエイティブブログ
風俗嬢がアダルト専用ブックマークサービスを作ってみた
【株式会社マイティークラフト】-トップ
株式会社ピクセルグリッド / PixelGrid Inc.
2uwebdesign.com