レスポンシブデザインに見るデザインカンプと実装との溝
デザインカンプを基に実装する難しさはあらゆる場面で語られます。私の場合は特にレスポンシブデザインに関する仕様の解釈に悩む場面が頻繁にあります。 その問題点はどこにあるのでしょうか。私の制作したツールの紹介を通して、グリッドシステムのあり方やレスポンシブデザインの意味などを考察しました。 デザインカンプとワークフローの関係性 ウェブサイト制作のワークフローでは、クライアントとの上流での合意形成と開発者への指示書との役割をデザインカンプが兼ねるパターンがよくあります。デザイナーはウェブページの実装仕様を決定しながらデザインカンプを制作し、開発者はデザインカンプを通して前工程での決定を読み取りながら実装します。 デザインカンプを基に実装する難しさの一因は、それがシステムが取り得る状態のうちの一場面を切り取った単なるスナップショットでしかない構造です。 仕様を理解するためには、デザイナーが想定する
patoリニューアルのデザインプロセスを公開｜原田 佳樹 Harada Yoshiki
はじめまして。Kineca, Inc. pato デザイナーの原田 @yoshigorouu です。 2018年4月にpatoのアプリを全面的にリニューアルしました。リニューアルに至った背景やリリースまでのデザインプロセス、進めていくなかでの学びを共有できたらなと思います。 patoについてpatoを知らない方向けにプロダクトの説明をすると、patoはエンタメマッチングアプリです。芸能人やお笑い芸人などエンタメに特化したスキルをもったキャストと、会社の接待やプライベートのお酒の席を盛り上げたい人とのマッチングアプリです。"エンタメ版UBER"と考えるとわかりやすいかもしれません。 Before / Afterリニューアル前とリニューアル後のアプリアイコンと主要ページのデザインがこちらになります。総計150枚の大規模なリニューアルとなりました。 なぜリニューアルが必要だったか1つはプロダクト
システム開発会社がプロトタイピングツールを導入すべき理由｜Yuichi Ohori
開発会社のみなさまこんにちは。 自分はUI/UX専門のデザイン会社を経営してきました手前、数多くの開発会社の方々とお仕事をご一緒してきました。 システム開発の市場規模は大きくIT業界全体で約13兆円。○ずほ銀行の案件は都市伝説のような工数が話題ですが、数百億円のプロジェクトも存在します。ただ多くのシステム開発案件にUI/UXデザイナーは見当たりません。 RFPに基づいた提案に、クライアントの要望を満たすべく要件定義を進めて出来上がったシステムにおいて、ユーザビリティは完成してやっと評価が可能になります。 本来は開発側が主導してユーザビリティを担保すべきですが、エクセルで作られた要件定義書、パワポにキャプチャが貼られた画面遷移図からユーザビリティを論じるのは不可能です。 そういった状態でUIデザインのご相談を受けたとき、弊社ではまずプロトタイプを用意し、仕様どおりに作った場合の完成予想図を示
ゼロからゲームアプリつくった後の大事なメモ
こんにちは、ゲームチームのキノです。 先週、カジュアルゲームアプリ「なぞダン -なぞるだけダンジョン-」がApp storeで公開されました！！！！ ひとさしゆびだけの超シンプルな（でもムズイ）ダンジョンゲームです！ 過去にキャンペーンの一環などでゲームは何度かつくってきましたが、 今回が初の企画段階からのモック含めた参加になるので、学んだことや役立ったを書いておきます。 あとは地味にデザイナー向けにアプリ制作のtipsなど。 意外と長くなってしまったので、週末にじっくりお読みください〜 アプリは無料！！こちらからダウンロードできます。 それでは記事の続きをどうぞ〜！！ 素材の話 いつも数字忘れるので アイコン （なにか見覚えのある階段的なアイコン） アイコンはかなり肝いりです。 気をつけている点は １キーワードで言い表せるか フレームと世界観はあってるか 類似アプリより突出しているか 画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザインは誰のもの？
ログイン - はてな
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Pull Request 4 Designers - GitHubを使ったプログラマとデザイナーのイテレーティブな開発フロー // Speaker Deck