タグ

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

  • Adobe XDの使い方 | パソコン工房 NEXMAG

    Adobe XD CC2019を利用して、使い方を体感していただきたいと思います。 Adobe XDの名前だけは聞いたことある、使ったことはないけど興味がある、また便利そうだけどソフトの使い方を覚えるのが大変そうという方もいらっしゃるかもしれません。 そうした方のために、Adobe XDでは、これまでPhotoshopやIllustratorで起こしていたWEBサイトのデザインカンプでできなかったことが、簡単にできるようになります。Adobe XDの魅力をぜひ楽んでみてくださいね。 AdobeXDとは 従来、WEBデザインを起こす際は、一般的な手法として PhotoshopやIllustratorが使われてきました。 しかし、PhotoshopやIllustoratorで製作したデザインは、1枚の絵として見ることはできても、 ページのつながりや操作感を確かめることができませんでした。 その

    Adobe XDの使い方 | パソコン工房 NEXMAG
  • Cacoo(カクー)|かんたんにキレイに図が描けるオンライン作図ツール

    Cacoo(カクー)は、クラウドベースのビジュアルコラボレーションツール。チームやプロジェクト関係者のアイデアや作業進捗を、全てオンラインで簡単に共有、簡単に一元管理が可能。 Cacooなら、シンプルな操作性で直感的に使える。フローチャート、ワイヤーフレーム、AWS構成図、組織図など豊富なテンプレートや機能を使って、誰でも簡単に分かりやすいコミュニケーションを。

    Cacoo(カクー)|かんたんにキレイに図が描けるオンライン作図ツール
  • 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
  • Visualize Website Structure – Sitemap

    2014年8月17日 Webサイト制作, 便利ツール Webサイト制作の準備編2:Webサイトの構成図(サイトマップ)。どのページがどこへリンクするのか、ページの重要度など、Webサイトの構成を図にまとめておくと製作途中で変更があった場合でも整理しやすくなります。Webサイトの構成図を作るときのポイントと便利なオンラインツールをまとめてみました。 ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その2 目標:Webサイトの構成を明確にする 必要なもの:紙とペン 対象レベル:超初心者OK! 目次 誰のため?何のため?Webサイトを作り始める前に。 Webサイトの構成図を簡単に作れる便利ツール ←今ここ Webサイト設計図 – ワイヤーフレームの作り方 PhotoshopでWebサイトのデザインをしよう Photoshopでスライスし、パーツ画像を作成するコツと方法

    Visualize Website Structure – Sitemap
  • 1