タグ

ワイヤーフレームに関するcoburn69のブックマーク (6)

  • 無料で簡単にワイヤーフレームやフローチャートを作成できるWebサービス「Whimsical」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、ブラウザ上から誰でも効率よくワイヤーフレームやフローチャートを作成できる無料のWebサービスをご紹介します! 可能な限り短時間で簡単に作成できるように工夫されているのが大きな特徴で、初めての人でも美しいワイヤーフレームを作って公開することが可能です。 【 Whimsical 】 ■「Whimsical」の使い方 それでは、実際に「Whimsical」を使いながらどのようなサービスなのかを見ていきましょう! まずは、サイトにアクセスして「サインアップ」ボタンをクリックします。 (※Googleアカウントでも登録可能です) 無料のユーザー登録フォームが表示されるので、ユーザー名・メールアドレス・パスワードを入力しましょう! すると、すぐに自分専用の「マイページ」が表示されます! この画面から、新規にワイヤーフレームやフローチャートなどを作成

    無料で簡単にワイヤーフレームやフローチャートを作成できるWebサービス「Whimsical」を使ってみた! - paiza times
  • Web担当者必見! Moqupsでワイヤーフレーム入門

    今回はワイヤフレーム作成に便利なツールの紹介になります。 当サイトをご覧の方は、クライアントのために画面図(ワイヤーフレーム)を作成したいと思っていたり、自分で業務効率化システムを設計してみたいと思っているかと思います。 実際に画面図を作った経験がある方ならわかるかと思いますが、画面図の作成は想像以上に時間がかかります。また PowerPointで作るとなんかダサくてしっくりこない….Photoshopは高いし使いにくい….など何を使って作ればいいのかわからない方も多いのではないでしょうか? そこで今回は非常に簡単にワイヤーフレームが作成できてしまう海外webサービスをご紹介します。サイトは英語ですが、何も心配いりません。シンプルで使いやすさ抜群デス。 Moqupsのご紹介今回紹介するサービスはその名もMoqups です。少し聞きなれないですが、日でモックアップという単語を耳にしたこと

    coburn69
    coburn69 2016/09/30
    ワイヤーフレーム作成
  • UIデザインがさらに捗る!Prottのワイヤーフレーム機能を使ってみました | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。LIGでデザイナーをしています、マチルダです。 以前、「UIデザインが捗る!Prottでスマホサイトのプロトタイプを作成しよう」という記事で、簡単ですばやくプロトタイプを作成できるツール「Prott(プロット)」の使い方をご紹介しました。 今回は、そんな「Prott」にワイヤーフレーム作成機能が追加され、巷ではかなり話題となっていたので、早速レポートをします^^ ※ワイヤーフレーム作成機能は有料プランPro・Team・Enterpriseプランでの提供です。新規アカウント登録から30日間は無料で使用できるので、ぜひお試しを^^ 「Prott(プロット)」とは? https://prottapp.com/ja/ 「Prott(プロット)」はUIデザインで有名な株式会社グッドパッチさんがリリースしているプロトタイピングツールです。 ワイヤーフレーム作成機能とは? パーツをドラッグア

    UIデザインがさらに捗る!Prottのワイヤーフレーム機能を使ってみました | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • ワイヤーフレーム(モックアップ)を作るアプリがすごい進化してた | バニデザノート

    ウェブサイトをデザインをするときに、ワイヤーフレームを作るのって 私にとっては「どこに何を置いて、どういう動きをするのか」というメモのようなもので。 手描きでレポート用紙に描いて、 スキャンしてプロジェクトフォルダへ入れておくことも多いのですが デザインの前に「こういう配置でいいですよね?」って共有したいとき 清書するアプリを時々探してしまうんですよね。まだしっくりくるものがなくて。 最近調べてすごいなーとおもったアプリや、無料でもざくざく使えそうなものまでご紹介。 Moqups Free Plan (offers 2 active projects and 5MB of storage) Monthly:Standard active project 10 で $9〜 ログインしなくても無料で組めます。 960gsグリッド表示可能です。 ほぼコンポーネント揃ってます。ほぼ装飾なしなステン

    ワイヤーフレーム(モックアップ)を作るアプリがすごい進化してた | バニデザノート
  • 最新動画PARK

    2024.01.02 ストマックの日常(裏)マルサが来た。国税査察、地獄の取り調べ【第37話】(2023年7月4日) 登録者数260万人の人気YouTuber『ガードマン』のメンバーに国税査察、いわゆるマルサの査察が入りました。ストマック氏にとって、これは他人事ではありません。 国税査察チームの次のターゲットは、ストマックなのか? 国税の査察とは、国税局査察部が行う「強制」的な調査です。 事前の連絡はなく、会社や社長の家に一斉に捜査員がなだれ込みます。 悪質な脱税行為、そして脱税額が大きなケースを中心に調査します […] 2024.01.02 【オンラインカジノ】$2000で勝負する!!!!【Stake】 サブチャンネル ニコニコ生放送と同時配信しています!! ツイッター よろしくお願いします!! リンクツリー ================ ※未成年の方はご利用になれません。 ※この動

    最新動画PARK
  • How to Create Website Wireframes

    2014年8月17日 Webサイト制作, 便利ツール WebクリエイターボックスではWeb制作の応用技術をよく紹介していますが、基の流れはちゃんと説明していないな…ということで、「連載!実践で学ぶWebサイト制作ガイド」として、実際に1つのサイトを作りながらWeb制作の流れと方法をまとめて書いてみることにしました。この連載企画はブログ開始当初に考えていましたが、2年半ほど忘れてました…。今回は「ワイヤーフレームの作り方」です。これも過去に「Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する」という記事を書いていたのですが、私の使用するツールも変わったので、改めて記事にすることに。 ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その3 目標:わかりやすいワイヤーフレームを作成することができる 必要なもの:紙とペン 対象レベル:超初心者OK

    How to Create Website Wireframes
  • 1