ワイヤーフレーム

任天堂が1995年に世に送り出した持ち運べない携帯型ゲーム機『Virtual Boy (バーチャルボーイ)』、その双眼鏡のような特徴的なフォルム、画面を覗き込むプレイスタイルという異質さから良くも悪くもゲーム業界、そして数多くのゲーマーに衝撃を与えたゲームハードである。早速だがこのバーチャルボーイが世間でどのような扱われ方をされているか、ぶっちゃけこのページに辿り着くような諸君であればよく理解していることであろう。 『赤い眼鏡』くらいならカワイイものだが、酷い例だと『任天堂の黒歴史』なんて呼ばれることも珍しくはない。まぁ確かに国内売上わずか15万台(黒字ではあるらしい)、更に国内でリリースされ…

こんにちは、ディレクターの菅原です。 エクストーンでは、ディレクター業務においてワイヤーフレームの作成が不可欠です。 以前はパワーポイントを使っていましたが、現在はほとんどのディレクターがFigmaを利用しています。 ただ、最初はFigmaの使い方に戸惑うこともありました。 そこで、今回はFigmaを使ったワイヤーフレーム作成のテクニックを紹介します。 ワイヤーフレーム作成のメリットについては、下記の記事もチェックしてみてください。 design-tech.xtone.co.jp まずはパワーポイントで作っていたワイヤーフレームを完全にFigmaで作成できるか検証してみます。 試しにエクストー…

一昨日の日記に書いていたうどん屋さんのHPのワイヤーフレーム、 併せてデザインを起こすまで１日で終わらせることが出来ました。 作成時間：約３時間半 今日は金曜日。 HTMLとcssまでやっていきます。 可能性はほぼ0ですが、cssまで終わらせたい。 笑いが出そうなくらい無理ありますが 休み休み、丁寧に全力でやっていきます！ おらに力をー！(ほぼ見たことないアニメ) ＞アイデンティティの野沢さん好きです。（もはや誰）

エクストーンの松本です。 ワイヤーフレームをどのツールを使って作るかについては、多様な意見があるところかと思います。昔はオフィス系ツール以外の選択肢があまりなかったように思いますが、最近ではデザイン系ツールやオンラインのコラボレーションツールなどが続々と登場し、かなり選択肢が増えてきました。 エクストーンでは以前はパワーポイントを主に使用していましたが、最近はFigmaを使うケースが増えてきました。今回はワイヤーフレームを作成する上で抑えるべきポイントと合わせて、Figmaを利用するメリットについて書いてみたいと思います。 ワイヤーフレームに求められること まず大前提として、ワイヤーフレームは…

Figmaでスマホサイトの画面構成（今どきはワイヤーフレームって言うのかな）を作成している時に、壁にぶち当たった。 ヘッダー部分を縦にスクロースしても常時表示されるように固定したかったのに、できない。 「スクロール位置を固定」のチェックボックスは何処へ？ 「スクロール時に位置を固定（Fix position when scrolling）」のチェックボックスが表示されないのですよ。 「スクロール時に位置を固定（Fix position when scrolling）」のチェックボックスが表示されない いくらgoogleで検索してもyahooで検索しても（同じか）理由がわからない、答えが見つから…

デザインカンプから作ることってあるのかな？ とふと思ったり。 ワイヤーフレームって「ホームページの要素の配置を決める」ってのが主な目的だと思っていたんだけど、必ず必要なのかってのがわからなかった。 お客さんと手書きしながら決めていくってケースもあるみたいなのですが、ケースバイケースなのかな。 何も決まっていない時は必要な気がするけど、ある程度ひな形が決まっているならワイヤーフレームが無くても作れそうな気がしてしまうのは自分だけかな。 いろいろ考えてしまうなぁ。 でも「ワイヤーフレームを作れるようになるのは大事」ってことだけは理解した。 必要かどうかに限らずWEBデザインをやるには必要なスキル。

どうも、まさとらん（@0310lan）です！今回は、誰でも素早く高度なワイヤーフレームを作成できるWebサービスをご紹介します。ドラッグ＆ドロップでテンポよくコンポーネントを組み立てることが可能で、実際に動作するボタンやメニューなどを搭載したワイヤーフレームをプレビュー＆シェアできるのが特徴です。Webデザインやモックアップ構築などに興味ある方も含めて、ぜひ参考にしてみてください！ 【 Claritee 】 ■「Claritee」の使い方 それでは、「Claritee」をどのように使えばいいのか詳しく見ていきましょう。まずはサイトのトップページから【START FREE NOW】ボタンをクリッ…