フェーズと目的に応じたプロトタイピングの手法と意味 - クックパッド開発者ブログ
こんにちは。ユーザーファースト推進室の元山です。 みなさんはスマートフォンアプリケーションやWebサービスの開発・改善をするときにどのようなプロセスで行っているでしょうか？アジャイルやリーンなどの最近では一般的なよくある開発プロセスの中で、今やプロトタイピングは当たり前に行うものとなっていると思います。プロトタイピングを支援するアプリやWebサービスも数多くありますが、ただ闇雲にプロトタイプを作ればいいわけではありませんし、プロトタイプモックを作ること自体が目的化されては意味がありません。 クックパッドでもプロトタイピングを取り入れた開発プロセスを行っていますが、開発のフェーズであったり、または目的によってどのようなアウトプットとしてプロトタイピングするのかは変わってくると思います。今回はクックパッドで実際に行っているプロトタイピングについてフェーズや目的ごとにご紹介しようと思います。 コ
デザイン性の高いフリーPhotoshopモックアップを集めた「New Free PSD Mockup Templates for Designers」
TOP > Photoshop > デザイン性の高いフリーPhotoshopモックアップを集めた「New Free PSD Mockup Templates for Designers」 ハイクオリティなモックアップ素材を使用することで、デザイン性を手軽に高めることができます。今回はそんなフリーPhotoshopモックアップを集めた「New Free PSD Mockup Templates for Designers」を紹介したいと思います。 Free Photoshop Book Mock-Ups | Adazing Design いろいろな種類のモックアップ素材がまとめられており、アイデア次第でさまざまなシーンで活用することができそうです。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Brochure Mock up with Cover a
スケッチブック・Tシャツ・ワインボトルなど、様々なハイクオリティモックアップ素材まとめ - NxWorld
デバイスやステーショナリー系のモックアップ素材に関してはこのブログでも何度か紹介していますが、今回はそれ以外のモックアップ素材をまとめてみました。 スケッチブック・Tシャツ・カップ・ワインボトル・名刺・CDなど、様々な種類のモックアップ全60種類で、少し変更するだけで簡単にオリジナルデザインをつくれてしまうようなものが多いです。 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
【デザイナー厳選】バナーデザインの参考ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは！ Webデザイナーのえびちゃんです。 バナーデザインを作成していると「レイアウトが上手くいかない」「バナーの参考を上手く探せない、ギャラリーサイトも古いのばかり」「最近のトレンドってどんな感じなんだろう？」……などなど、デザインの悩みってたくさん出てきますよね。 そこで今回は、そんなあなたに現役デザイナーがおすすめするバナーデザインの参考サイトをジャンル別に分類して紹介します！ 後半では実際に効果の高かった広告バナーのデザインも紹介しているので、ぜひ参考にしてください。 「ググってわからないこと」が一瞬で解決するかも？ Webの知識を効率的に学びたい、未経験からWeb業界への転職・就職を目指している、誰かに教えてもらいたい……という方へ。LIGが運営のWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」では実践的なカリキュラムで最短6ヶ月でWe
PhotoshopでのUIデザインが楽になる！レイヤーの作業を便利にする無料の機能拡張 -LayerCraft
PhotoshopでWebページやアプリのUIデザインをしている時に役立つ、レイヤー作業が便利になる無料の機能拡張を紹介します。 各ページのデザインを作るためにヘッダとフッタだけがあるPSDにしたい、ナビゲーションやボタンなどパーツのみのPSDが欲しい、スマホ用の画像を書き出したい、などいろいろです。
シームレスに利用できる クリエイティブかつデザイン的なベクターパターンまとめ「Pattern Design – 35 Seamless Free Vector Patterns」
シームレスに利用できる クリエイティブかつデザイン的なベクターパターンまとめ「Pattern Design – 35 Seamless Free Vector Patterns」 背景素材などでよく利用されるシームレスパターン素材。継ぎ目なく敷き詰められる点が非常に便利な素材です。今回はそんなシームレスベクターパターンをまとめた「Pattern Design – 35 Seamless Free Vector Patterns」を紹介したいと思います。 Abstract Hexagon Pattern Background on Behance デザイン的に非常に凝ったつくりが特徴のベクターパターン素材が多数紹介されています。 詳しくは以下 Patterns for Adobe Creative Cloud on Behance 色鉛筆で描き出したような、ラフなテイストが特徴のパターン。素
非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回
画面内の要素をピクセル単位で測定できるツール「Pixel Winch」 | ライフハッカー・ジャパン
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
デザイン仕様書(ガイド) の書き方(初歩用)
8. デザイン完了！ デザインガイド作成！ 開発完了！事前に打ち合わせ！ （設計段階） 開発者と、 A から Z まで事前にとことん話し合うこと 可能な限り、毎回確認（開発社 ( 者 ) ごとに、スタイルは違う！） 全てのデータを表記する考えは、捨てること（互いに疲れるだけ） 何だ、いいヤツ じゃないか デザインガイド ? おすすめのプロセスとは…
iOSアプリの高解像度アイコンを入手する方法 - MEMOGRAPHIX
ここで探したい iOS アプリを探す http://sticky.linclip.com/linkmaker/画像サイズ「中」にしてコード作成する画面下のほうに出力された 100px x 100px のアイコンのURLをコピーする画像のURL末尾mzl.gmwgxoht.100x100-75.pngとかになってるのが画像サイズなので、mzl.gmwgxoht.pngとかにする原寸のアイコン見れる例Instagram 質感わかりやすくて便利 ラブライブ迫力あった ガールフレンド 江頭粗い
Illustrator実践講座-パス
Movable type-ベースにページを切り替えました 新しいページはこちらをご覧下さい。或いはHOMEから入って下さい 現在表示のページは、低解像度（狭い）モニタ用に残して有ります パスファインダは、重なり合った複数のパス同士で、合体、分割など、言わば四則演算によって、単純なパスを組み合わせて複雑な形状のパスを生成する、非常に強力な機能です。 なおパスファインダ機能を、パレットからでなくマウス操作で、一部代用する機能として、CS2から「ライブペイント」が、CS5から「シェイプ形成」が搭載されました。工事中。 ■ パスファインダパネル 操作は「パスファインダ」パネルで行います。 バージョン10から「パスファインダ」パネルが変わりました。 「パスファインダ」パネルは、「形状モード」と「パスファインダ」のカテゴリに分かれています。 「形状モード」４種類、「パスファインダ」６種類のボタンと、「
画像の作り方・使い方でファイルサイズを減らす方法
画像のサイズを軽くするためにCSSやWebフォントを使う方法はよく聞かれますが、今回は画像ファイルを使う前提でその容量を減らす方法を別の切り口からまとめてみました。 高速化のための画像最適化の方法はいろいろなところで紹介されております。 当ブログでも過去にレスポンシブWebデザインの画像問題の解決法5種という記事を書きました。 こちらの記事でも紹介したように画像のサイズを軽くするためにCSSやWebフォントを使う方法はよく聞かれますが、今回は画像ファイルを使う前提でその容量を減らす方法を別の切り口からまとめてみました。 デザインに左右される方法が多いので使えるケースは限られてますが、知っておくとどこかで役に立つかもしれません。 画像をぼかす jpegはそのアルゴリズムの特徴から通常の画像よりぼかした画像のほうがファイルサイズをおさえることができます。また、これは全体でなくて一部をぼかす場合
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【フリー素材】手や指を使ったハンドジェスチャーのアイコン
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
新しくWebサイトをつくったとき用Googleアナリティクス設定チェックリスト | Moz - SEOとインバウンドマーケティングの実践情報
GitHub - tommmmmmmmy/AndroidDesignTemplates: Action Barをはじめ、Androidアプリのだいたいのデザインを作成したいときに使えるテンプレートです。
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
角が丸い立方体の作り方(イラストレーター)
新着記事
