デザイン、およびプロトタイピングソリューション
ワイヤーフレーム、プロトタイプの作成、アニメーションやインタラクションの追加、
2021年の最新のデザイントレンドを把握するためのすべてのソリューションをここで見つけてください。
プロトタイピング関連
プロトタイピング関連するすべてのトピックが掲載されています。プロトタイピングツールのおすすめ、プロトタイピングの設計方法、プロトタイピングソフトの使い方などをご紹介！
UIプロトタイプデザインツールとは
現在UIデザインツールは数多く登場しております。数多くのツールが存在するがすべてを把握することは大変難しいと思います。よって、これから行おうとする作業に合わせて適切なツールを選択することで、作業の効率化を図り、スムーズに業務を進められます。
プロトタイプはiOSで作れる？便利なオンランツールもご紹介
デザイン制作においてはプロトタイプを作成することが重要です。プロトタイプを作っておくことで早い段階で改善点を見つけることができたり、アイデアを複数人共有できたりします。今回はプロトタイプの種類や作成できるソフト、オンラインツールなどをご紹介します。
ワイヤーフレーム関連
UI/UXワイヤーフレームの作成方法、厳選ワイヤーフレームツールのおすすめ、ウェブページのワイヤーフレームの作成方法など、デザインに関するワイヤーフレームのヒントを紹介します！
ワイヤーフレーム図って何？活用法と作成ツール
ワイヤーフレーム図を知っていますか？Webデザインを制作する上で最初の段階で作られるもので、重要な役割を果たしています。今回はワイヤーフレームの役割や作成ツールなどをご紹介します。どの作成ソフトが良いか迷っている人はぜひ参考にしてみてください。
Androidアプリのワイヤーフレームを作成する方法
ワイヤーフレームとは、アプリやウェブページの設計図のことで、何をどこに配置するか書かれているものです。Androidアプリのワイヤーフレームを作成する方法を解説します。
紙ワイヤーフレームとは? 紙ワイヤーフレーム作り方を解説
紙ワイヤーフレームの概要と長所及び短所を解説します。またペーパーワイヤーフレームの作成方法と、ちょっとした注意点についても紹介していきます。
WebサイトにおけるUIとUXとの違いとは？
UIとは最初はデザインだけのことかと思う人も多いかもしれません。Uiとはユーザーがすべて目にするものや、操作するものすべてUIに含まれます。WebサイトにおけるUIとUXとの違いを説明します。
ロゴデザインの概要と良いイメージ作りの重要性
ロゴデザインの概要とその作り方とツールについて紹介します。 たかがロゴデザインされどロゴデザインです。
トレンドのUIデザイン10選とおすすめの作成ツール
UIデザインとは、ユーザーがアプリやWebサイトを快適に使うためのデザイン設計のことを指します。一口にUIデザインと言ってもその表現方法はたくさんあります。今回はトレンドのUIデザインやおすすめのUIデザイン作成ツールを見ていきたいと思います。
アプリデザイン関連
アプリデザインに関する全てのヒントをご説明します。オンラインアプリメーカーのおすすめ、アプリ作成の手順、コードなしでアプリを作成する方法など、役立つ小技をご紹介します。
Webアプリの利点や使い方について
Webアプリの利点や使い方についてご紹介します。Webアプリと聞いてどんなものなの？と首を傾げる人も多いと思います。この記事を最後までご覧いただき少しでもWebアプリについて知っていただければ幸いです。
Webアプリとは何ですか？モバイルWebアプリを作成する方法
モバイルWebアプリとは何ですか？モバイルWebアプリを作成する方法を解説します。
コードが書けなくてもアプリを作る方法とは
アプリを作るには大きく分けて3つのやり方があります。プログラミング言語を使って作る方法、ゲームエンジンを使って作る方法、作成ツールを使って作る方法です。今回はコードなどの知識が無い人でもアプリを簡単に作れるツールをいくつかご紹介します。
Webデザイン関連
Webデザインに関するトピックです。おしゃれなウェブサイトを設計するための手順、コードなしでウェブサイトの設計、Webデザイン用のツール、およびインスピレーションを高める素晴らしい参考ウェブサイトの実例をご紹介！
デザインにはどんな種類がある？その作り方とは？
デザインと一言で言っても、その種類は様々です。ウェブやアプリの場合は使いやすさの他に目的を達成できるかどうかもポイントとなります。ここではよく聞くプロダクトデザインとUXデザインについてご紹介します。
Prottとは? ソフトやWebサイト作成ソフトの基本概念も説明
Prottの概要やどんな事が出来るか?詳しく紹介します。 Ptottとは強力なWebサイト作成支援ツールです。 これがあれば見栄えの良いWebサイトを簡単に作る事が可能で、既に強い実用例もあります。
モックアップを作るメリットとその活用法とは
Webサイトを制作する時にモックアップを活用していますか？モックアップを作っておくことでイメージのミスマッチを防ぐことができます。今回はモックアップについてと簡単に作成できるオンラインツールについて解説します。
デザインするなら必要不可欠なモックアップとは何？
「モックアップ」とは何か知っていますか？効率的に完成度の高いデザインを作るためにはそれ相応の準備が必要になります。モックアップとは何か、どのように作るのか理解してクオリティの高いデザイン作成を目指しましょう。
おすすめモックアップ作成ツール12選
モックアップという言葉を聞いたことがありますでしょうか。Webサイトやアプリ開発をしたことがある方はご存じかもしれませんが、実際なんとなくは知っていても説明するとなるとハードルが上がるのではないでしょうか。今回モックアップの意味をしっかりと理解してもらいそのモックアップに必要なツールを紹介したいと思います。
Adobe XD関連
Adobe XDでワイヤーフレームを作成する方法、Adobe XDについて：コスパ最強のAdobe XD代替製品など、Adobe XDの使用ヒント、すべての関連トピックをご覧いただけます。
AdobeXDからGIF形式を作成する方法
今までデザインを作るとき多くの方はPhotoshopやillustratorを使っていると思います。現在はAdobeXDというものに乗り換えた人たちも多いのではないでしょうか今回AdobeXDからGIFからエクスポートする方法を紹介します。
Webデザイン作成に特化したAdobeXDとは?
Webデザイン作成ツールとして有名なAdobeXDや、AdobeXDの代替品となる他所からの3つの作成ツール。また弊社提供のMockittについても解説しています。
Illustratorの概要とイラストレーターをAdobe XDに変換する方法
Illustratorの概要とillustratorをAdobe XDに変換するべき理由。またイラストレーターで作っていたソフトをAdobe XDで使う方法も解説します。
グラフィックデザイン
グラフィックデザインに関するすべてのトピックがまとめました優れたグラフィックデザインを作成するための役立つヒント、グラフィックデザイン実例、および最高のグラフィックデザインツールを見つけることができます。
Canvaとは？Canvaでグラフィックデザインを作成する方法
ポスターやフライヤーといった印刷物、SNSやブログのアイコン・バナー等をデザインするとき何をしたらいいのでしょうか。今回そういった自分で作ってみたいという人へご紹介ツールとしてCanvaというツールを紹介いたします。
グラフィックデザイナーになる方法
そのグラフィックデザイナーになるためにはどうしたらいいのでしょうか。未経験から目指すことができるのかどうか解説いたします。
デジタルグラフィックとグラフィックデザインって何？
「グラフィックデザイン」と聞くと何を思い浮かべるでしょうか。なんとなく、パソコンで難しい操作をして作っているようなイメージを持つ人もいるかも知れません。グラフィックデザインの意味や、デザインを作るのに非常に便利なデザインツールをご紹介します。
Header、Footer デザイン
Header、Footer のデザインについてのトピックであり、スタイリッシュなウェブサイトのHeader、Footer の実例も含めて、インスピレーションをスパークさせるために美しいテンプレートも集まっています。
カラーデザイン
補完的な色と類似の色に関する基本的な色理論、UI / UX / Webデザインに色を適用する方法のヒント、配色のインスピレーションなど、色のデザインに関連するすべての関連知識をご紹介します。
結婚式を彩る、ウェディングカラーパレットジェネレータ ベスト６
結婚式を思い出に残るイベントにするためにウェディングカラーパレットジェネレータを探している方にウェディングカラーパレットをより有利に利用するための情報を提供します。
ページデザイン
ログインページ、製品ページ、価格設定ページ、404ページなどにはあらゆる種類のページがあります。ページをデザインするためのヒントと、ページデザインのインスピレーションのためのいくつかの素晴らしい実例をご紹介します。
Linuxのトップ５スケッチオルタナティブ
Linuxで最良のスケッチオルタナティブをお探しですか？ この投稿では、最も人気のある5つのスケッチオルタナティブを紹介します。
UIデザインの作成ツール--Sketch
Webデザイナーの中でユーザ数を伸ばしているのが「Sketch」です。SketchとはいったいどういったUIデザインツールなのでしょうか？今回このUIデザインソフト「Sketch」を紹介させていただきたいと思います。
デザイン作成ツール「Figma」と代替アプリの紹介
デザインを作成するツールにはウェブで利用できるタイプとソフトをダウンロードするタイプの2種類があります。今回はよく使われているFigmaというツールを始めとする様々なウェブデザインツールをご紹介します。
Figma、AdobeXD、Sketchのメリット・デメリット
良いデザインを効率的に作るためには、デザインツールの選び方も重要です。せっかく高い金額を支払ってソフトを購入したのに使いづらかった、となってしまってはもったいないです。そこで、デザイン制作の場で人気の高いツールについて見ていきたいと思います。
FigmaデザインをWebフローへ変換する方法
FigmaからWebフローへデザインを移動してウェブサイトを作成することは、多くの開発者が使用している一般的なプロセスです。この記事ではFigmaからWebフローに変換するプロセスについて簡単に触れることとします。
Axure関連
Axureについてのトピックを見てみましょう! Axureでワイヤーフレームを作成する方法や、Axureに最適な代替品など、Axureの問題集も含めて、Axureツールの使用小技をご紹介します。
Axure VS Adobe XDの違いは？
Axure vs Adobe XDガイドでは、AxureとAdobe XDがお互いユニークであることの主な違いについてご説明します。
Axure RPとは？Axure RPで出来ることを解説
Webデザインを作成するにはフレームワークやモックアップを作成するには必ず実施する作業の一つだと思います。今回はWebデザインツールの一つの「Axure RP」を紹介いたします。
フローチャートを使って業務を効率化する方法
フローチャートとは何ですか。文書で説明する、Excelやパワーポイントで図を使って説明するなど、いろいろな方法があると思います。今回は仕事や作業の細かい流れなどをわかりやすく説明するコツとフローチャートに関する知識を紹介します。
フローチャートって何？使い方を徹底解説
フローチャートを知っていますか？フローチャートの役割や使い方について学校で教えてもらうことはあまりないため、その活用方法がわからない人が多いのではないでしょうか。フローチャートに関することを徹底解説します。
Excelの代わりにフローチャートを作成できるツール
エクセルで見やすいフローチャートの書き方とフローチャートに関する知識を解説します。
かっこいいロゴデザイン作成のサイト10選
ロゴデザインは企業やお店などあらゆるところで目にしています。さまざまな場面で必要とされるロゴデザインは、制作方法の選択肢も豊富です。最近では、デザイナーによるロゴデザインでなくてもロゴが作れる無料のアプリやツールもあります。
wix ロゴ メーカーでおしゃれロゴ 作成する方法
Wixロゴメーカーとは、Wixロゴ メーカーでロゴをデザインする方法を詳しく説明します。
ベクター画像とは？作り方と作成ツールをご紹介
画像にはラスタ画像とベクター画像の2種類があります。ベクター画像は拡大縮小しても画素数が荒くならないことから、デザインで幅広く用いられています。今回はベクター画像を作成できるツールについてご紹介します。
Ant Design - デザイナー向けUI デザイン言語
Ant Designとはなんですか。デザイナー向けUI デザイン言語Ant Designを紹介します。Ant Design、Ant DesignテーブルとAntdテーブルを作成する方法について完全ガイドです。
ブログ記事
トップ10の最も人気のあるiPhone ウィジェット
スマホのアプリを使うときは、通常「ロック画面を解除してアプリを選択して開く」という操作を行いますが、もっと作業短縮できるって知ってますか。ホーム画面上に常に表示されるアプリのショートカット機能のことを、「ウィジェット」といいます。最も人気のあるiPhone ウィジェットを紹介します。
ウィジェットの解説10種類のAndroidウィジェットの紹介
iPhoneやandroidにもウィジェットにも搭載されているウィジェットについて解説します。ウィジェットの概要を一通り伝えてから、10種類のandroidウィジェットも紹介するので、ウィジェットとはとにかく幅が広く面白い内容もあるのがお分かり頂けると思います。