Cntlog > スキルアップ・ノウハウ > デザイン > ワイヤーフレーム作成用のUIパーツを作りました(DL可能)

ワイヤーフレーム作成用のUIパーツを作りました(DL可能)

WEBサイトを作る際に使用するワイヤーフレームのパーツ集を作りました。
Fireworksに特化して使えるようにしています。
個人・商用の利用は自由なのでディレクタさん達に利用いただけると嬉しいです。

FWF-Parts
ダウンロードする

作った動機

ワイヤーのパーツを毎度作るのが面倒になっていたから、GWの期間にまとまった時間が取れたので作りました。
また、こういったUIパーツはIllustratorやPhotoshopで作られておりFireworksのものは見かけなかったので作りました。

特徴

パーツのほとんどを9スライスを有効にして作っています。
ですので、拡大、縮小しても角丸がおかしくなったりしません。
これはFirewoksの愛でできています。

やりたかった事。

gumroadというサイトを使って見たかったのが目的の一つです。
このサイトはデータの販売が簡単にできるサイトです。

2年位前に流行った覚えがあったのですが販売する側で使った事がなかったのでようやく使うことができました。

バージョンアップについて

作ったばかりでまだまだ足りないパーツもあると思うので随時追加して逝くつもりです。
需要があればスマートフォン用のUIも作って見たいと思ってるので、是非皆さんDLして利用くださいませ。

ダウンロードする

関連記事

色選び苦手な人に勧めたい、マテリアルデザインのカラーパレットの活用方法(初心者向け)... Google のマテリアルデザイン良いですよね。 特にカラーパレットがいいなと思っています。 サイトを作る際に「何色を使おう」、として色を決めても「じゃあこの色の濃いバージョン、薄いバージョン」などより複数の色が必要になってきてある程度組み合わせの検証の時間が...
ユーザーの思考を見落としたデザインから見えてきたもの... ふとECサイトを見ていたら、ユーザーを誤解させるページを見つけました。 悪意があったり、ダサいからダメという類のデザインではなく、初心者が陥りやすい例かなと思いました。 また、小馴れたデザイナでも陥りやすい失敗だと思い、少し自分の中で考察してみました。 ユーザーが先入観を持ってしま...
【サンプル有】日本語の明朝体で使えるWebフォント Noto Serifの使い方... 4/10はなんの日かご存知ですか? そう、フォントの日です。 本記事では2017年4月に公開となった明朝体で使えるWebフォント Noto Serifの使い方を紹介します。 とりあえず見たい方はデモを用意しているのでそちらをご覧ください。 Noto Serif CJKのデモ ...
Sketchでワイヤー/デザインテンプレートを作る時に便利なUIキット... SketchはUIデザインのツールですが、ワイヤーやモックを作ときも便利です。 簡単すぎて打ち合わせの中で画面を作りながら話をすることもあります。 やはりクライアントさんと話を進めるときは対面しながら同じものを見てやれると話が進めやすいです。 本記事では、ワイヤーを作るときに私が使って...
デザイナーなら抑えておきたい著作権の勘どころ... 著作権って名称はよく聞くけど、実際はどんなものについているのかよくわからない。 私もそんな一人です。 デザインの仕事をしていると著作権関係の話が時々聞こえてきますのでちょっと調べてみました。 制作者には自動的に著作権がある。 小説、イラスト、写真、音楽などの著作物を制作した場合は自動...
現役WebデザイナーがデザインツールをSketch一択にした理由... 転職を期に制作環境がmacに変わったのもあって二ヶ月前からsketchを導入しました。 ちょっと感動とか恋に落ちるとかのレベルを超えて衝撃的を受けています。sketchまじヤバイ。 以前使っていたデザインツール もともとはFireworksをメインに使っていました。 ただ開発...