コードを書かずに、本物のようなアプリを再現できる 簡単3ステップで、動くプロトタイプをすぐに作成できます。Web・iOS・Androidはもちろん、カスタムサイズでもお作りいただけます。 プロトタイプ作成機能 ワイヤーフレーム機能
まずは紙。家にあるチラシの裏の白い部分でも可能なのですが、方眼のものが製図しやすいです。お気に入りのノートを使ってみてください。後述するプロトタイプ制作ツールのMarvelから、無料のプロトタイピング用紙(PDF)が配布されているので、こちらを使ってみてもいいですね。 基本的にどんなペンでも構わないのですが、太いペン、細いペン、薄い色(灰色)のマーカーの3種類あれば文句なしです。マーカーはなんやかんやコピックが使いやすいのかなーと思います。 その他 紙とペンだけでOKですが、よく使うアイコンが手軽に描けるUI Stencilsという定規兼ステンシルがあると便利です。iPhone用ステンシルだけではなく、様々な種類が用意されているので、興味のある方はUI StencilsのWebサイトを覗いてみてくださいね。 ペーパープロトタイプの描き方 1. ざっくりとしたレイアウト組み まずは画面をレイ
こんにちは。FASTCODINGデザイナーの七転び八重子です。みなさん、Webデザイン時のワイドサイズやファーストビューサイズを何ピクセルに設定してますか?私は半年ごとに支流のサイズを確認しているので、2021下半期スタートに合わせてまとめてみました。前回2020年10月にまとめましたが、今回は、デザインのレイアウトも考慮に入れています。目次 ソリッドレイアウトorリキッドレイアウトorフレキシブルレイアウト? ソリッドレイアウト(固定レイアウト)とは? リキッドレイアウト(可変レイアウト)とは? リキッドの進化系... どうも、FASTCODINGディレクターのせりなです。 Webサイトを制作するとき、デザインの横幅を何pxにすればいいかなーって思ったことありませんか? パソコンは何pxで作るの?スマートフォンは何pxがいいの? って聞かれることが多いので、デザインの横幅でもう迷わないた
このエントリは、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パターン デザインパターンのメリット・デメリット デザインパターンを使うメ
デザイナーのベーコン(@dogdog464646)です この記事ではロゴやタイトル文字の作り方を説明していきます 初心者でもこれだけ押さえれば、まるでプロの作ったようなロゴを作ることができます このテクニックを応用していけば、「どうやって作るんだ!」と思っていた複雑なロゴも作れるようになっていくはずです ロゴだけじゃなくて、 ・本の表紙 ・ブログのアイキャッチ ・チラシ、ポスターのタイトル文字 にも応用できるようになっています 覚えておけば、仕事の資料作りにも、PTAのチラシづくりにも役立ちます そして、みなさんが再現できるようにフリーフォント限定でデザインを作っていきます! ロゴを作るテクニック! 実際にロゴを作りながら、様々なテクニックを紹介していきます 基本の形を整える この文字を基本に進めますね まず2行にして「かたまり感」を出していきましょう ロゴは「文字」から「絵」に変えるよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く