タグ

デザインに関するtobibako45のブックマーク (5)

  • Prott - Prototyping tool for Web iOS Android apps

    コードを書かずに、物のようなアプリを再現できる 簡単3ステップで、動くプロトタイプをすぐに作成できます。Web・iOS・Androidはもちろん、カスタムサイズでもお作りいただけます。 プロトタイプ作成機能 ワイヤーフレーム機能

    Prott - Prototyping tool for Web iOS Android apps
  • 必要な物は紙とペンだけ!ペーパープロトタイピングのススメ

    まずは紙。家にあるチラシの裏の白い部分でも可能なのですが、方眼のものが製図しやすいです。お気に入りのノートを使ってみてください。後述するプロトタイプ制作ツールのMarvelから、無料のプロトタイピング用紙(PDF)が配布されているので、こちらを使ってみてもいいですね。 基的にどんなペンでも構わないのですが、太いペン、細いペン、薄い色(灰色)のマーカーの3種類あれば文句なしです。マーカーはなんやかんやコピックが使いやすいのかなーと思います。 その他 紙とペンだけでOKですが、よく使うアイコンが手軽に描けるUI Stencilsという定規兼ステンシルがあると便利です。iPhone用ステンシルだけではなく、様々な種類が用意されているので、興味のある方はUI StencilsのWebサイトを覗いてみてくださいね。 ペーパープロトタイプの描き方 1. ざっくりとしたレイアウト組み まずは画面をレイ

    必要な物は紙とペンだけ!ペーパープロトタイピングのススメ
  • Webサイトデザインの横幅サイズ!もう何pxか迷わない! 2017年1月版

    こんにちは。FASTCODINGデザイナーの七転び八重子です。みなさん、Webデザイン時のワイドサイズやファーストビューサイズを何ピクセルに設定してますか?私は半年ごとに支流のサイズを確認しているので、2021下半期スタートに合わせてまとめてみました。前回2020年10月にまとめましたが、今回は、デザインのレイアウトも考慮に入れています。目次 ソリッドレイアウトorリキッドレイアウトorフレキシブルレイアウト? ソリッドレイアウト(固定レイアウト)とは? リキッドレイアウト(可変レイアウト)とは? リキッドの進化系... どうも、FASTCODINGディレクターのせりなです。 Webサイトを制作するとき、デザインの横幅を何pxにすればいいかなーって思ったことありませんか? パソコンは何pxで作るの?スマートフォンは何pxがいいの? って聞かれることが多いので、デザインの横幅でもう迷わないた

    Webサイトデザインの横幅サイズ!もう何pxか迷わない! 2017年1月版
  • PHPによるデザインパターン入門 - 目次 - Do You PHP はてブロ

    このエントリは、Do You PHP?(www.doyouphp.jp)で公開していたコンテンツを移行/加筆/修正したものです。公開の経緯はこちらをどうぞ。 2006/11/23に株式会社秀和システムさんから発売された「PHPによるデザインパターン入門」(ISBN4-7980-1516-4)を執筆しました。 また、2009/09/14付けの絶版に伴い、Do You PHP?にて校正前の原稿テキストを公開していました。が、この度、Do You PHP?の閉鎖に伴い、はてダに移行しました。今回の移行で、校正完了間際の原稿に差し替えましたが、まだ誤字/脱字、説明不足の箇所もあるかも知れません。ご了承ください。 1章 デザインパターンの世界へようこそ デザインパターンって何? デザインパターンとは? オブジェクト指向 GoFパターン デザインパターンのメリット・デメリット デザインパターンを使うメ

    PHPによるデザインパターン入門 - 目次 - Do You PHP はてブロ
  • 【プロ直伝】ロゴ作りの8つのコツをわかりやすく事例解説! | ベーコンさんの世界ブログ

    デザイナーのベーコン(@dogdog464646)です この記事ではロゴやタイトル文字の作り方を説明していきます 初心者でもこれだけ押さえれば、まるでプロの作ったようなロゴを作ることができます このテクニックを応用していけば、「どうやって作るんだ!」と思っていた複雑なロゴも作れるようになっていくはずです ロゴだけじゃなくて、 ・の表紙 ・ブログのアイキャッチ ・チラシ、ポスターのタイトル文字 にも応用できるようになっています 覚えておけば、仕事の資料作りにも、PTAのチラシづくりにも役立ちます そして、みなさんが再現できるようにフリーフォント限定でデザインを作っていきます! ロゴを作るテクニック! 実際にロゴを作りながら、様々なテクニックを紹介していきます 基の形を整える この文字を基に進めますね まず2行にして「かたまり感」を出していきましょう ロゴは「文字」から「絵」に変えるよう

    【プロ直伝】ロゴ作りの8つのコツをわかりやすく事例解説! | ベーコンさんの世界ブログ
  • 1