2018年版：おすすめの人気UIデザインツール徹底比較 | Web Design Trends
日々新たなデザインに関するニュースが飛び交っていますが、それはUIデザインツールに関しても同様です。 Adobe XDの正式リリース、Figma3.0のリリース、InVision Studioのベータ版公開など、2017年の終わりから2018年にかけて多くのUIデザインツールが登場しました。 今回は、2018年8月現在で公開されているUIデザインツールの中から、特に人気のツールについて機能や特徴を比較していきたいと思います。 最新の情報はこちら 2020年版：おすすめの人気UIデザインツールを徹底比較！【Figma / XD / Sketch】 現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための「UIデザインツール」もどんどん進化していて、個性的なツールが多数登場していま... Web Design Trends UI
一人で「UIデザインツールどれがいいのか論争」をしてみる｜ノムジュン
UIデザインツールが増えて、それぞれの特徴とか混同してきたんで一回整理します。随時更新するかも。しないかも。 Adobe XDコラボレーションツールとしては優良なのだけど、UI構築ツールとしては機能不足。 他のAdobeツールとの連携が効くからUI構築作業は他ツールで行えばいいのだけど、できれば一つのツールでUI構築からプロトタイプの共有までやりきりたいところです。 アトミックデザインに向いてないとかって話もありますね。（このへん私はあまり踏み込んでいないので詳細わかりませんが、以下URL参照） SketchUI構築ツールとしては文句なしで最優良。反面、コラボレーションツールとしては弱い。情報のシェアのためにはzeplinやInVisionが必要です。 豊富なプラグインでカスタマイズできるのが強みではあるけど、カスタマイズできることがコラボ作業の枷になってもいるような感あり。（個々のデザイ
UIデザイナーがSketchを使う理由と導入方法 – WPJ
スマートフォンが世に出て以来、アプリを制作するためにデジタルツールを使うデザイナーが急増し、それに合わせて従来のツールが進化を遂げたり、時代に合った新しいツールが登場したりしています。 中でもBohemian Codingが開発・販売しているSketchは一定の人気と地位を獲得しており、今やUIデザインツールの代名詞となっています。 このLessonでは、Sketchについてまだご存知でない方やこれから使おうと考えている方を対象に、Sketchの概要と基本的な使い方、架空のアプリ画面を例にしたUIデザインの制作方法、エンジニアとのやりとりなどについて解説します。 Sketchとは何か？ はじめに、そもそもSketchとは何なのか、改めておさらいをしておきましょう。 Sketchを開発・販売しているのはオランダのBohemian Coding。しばらくアムステルダムを拠点にしていましたが、現
プロトタイピングツールでデザインの作業効率を上げる - astamuse Lab
アスタミューゼデザイン部のMatsumotoです。 ここ最近astamuse.comとastaIDのスマホ最適化の取り組みに合わせて、プロトタイピングツールを実験的に使い始めました。 ツールを使い始めてからまだあまり月日が経っていませんが、とにかく便利！ ストレスなく今までのデザインプロセスが改善しそう！ ということで、今回はプロトタイピングツールを使う利点や、実際のサービス開発において、どう作業効率がUPしたのかについて紹介させていただきます。 目次 プロトタイピングツール概要 ツールを使用するようになった経緯 ツールを使う目的 使ってみた3つのサービス比較 何が変わった？ まとめ 参考サイト プロトタイピングツール概要 そもそもプロトタイピングとは何？ プロトタイピング（Prototyping）とは、実働するモデル（プロトタイプ）を早期に製作する手法およびその過程を意味する。その目的は
マーケティングでよく言われる効果的な6つのルールを48種類の広告で検証
「物の写真より人間の写真の方がよい」や「笑顔の女性は他の何よりもよい」など、広告を出稿する際に気をつけるべきと言われるポイントは複数存在します。これらが本当に効果的なものかどうかが気になったというデザイン会社のSketchDeckは、48個もの異なるデザインの広告を出稿することで、特に有名な6つのルールが本当に効果的なものであるかどうかを検証しています。 We Tested 48 Facebook Ads To Bust 6 Marketing Myths http://www.sketchdeck.com/blog/we-tested-48-facebook-ads-to-bust-6-marketing-myths/ 大手SNSのひとつであるFacebookには「Facebook広告(Facebook Ads)」と呼ばれる広告ツールが存在します。世界で14億人以上が使用しているFace
≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）
スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付
Android版「マネーフォワード」をマテリアルデザイン対応したときのあれこれ - Money Forward Developers Blog
エンジニアの黒田です。 この度Android版「マネーフォワード」アプリをマテリアルデザインにフルリニューアルしました。 そしてなんと！！！ おかげさまでGooglePlayの「2014年ベストアプリ」に選出いただきました！ GooglePlay 2014年ベストアプリ アプリのDLはこちらから 家計簿マネーフォワード【投資・資産管理】 この記事ではマテリアルデザイン対応するにあたり、考えたことや実際に書いたコード、使ったツールなどあれこれと書いてみたいと思います。 マテリアルデザインとは マテリアルデザインとはGoogleが発表した新たなデザインガイドラインです。 モバイルに限らず、AndroidWearやAndroidTVなど様々なデバイスでもユーザーに対して同じ体験を提供することを目的としています。 マテリアルデザインに関する細かい説明は割愛しますが、GoogleMapやGMailな
パズドラの企画書を見たとしたら、改悪を指示したであろうプロデューサーのお話
今、僕は多くのスマホ用ゲームのコンサル的なことをやっております。特にこれからリリースされるゲームの基本ループや、画面遷移、ソーシャル機能等のチェックをしています。 自分の中でチェックリストも当然あって チュートリアルは最小限で作っているか 体力が無くなった際に体力回復アイテム購入への導線はあるか ガチャページはSRを訴求できているか 初心者用ガチャは設置できているか 絶対値報酬や相対値報酬は適切か などなど、細かく見ています。 でも、作っていて「このチェックリストは絶対では無い」と思っていますし、自分にもそう言い聞かせています。 その代表例がパズドラです。 まず、パズドラはマイページがありません。マイページは更新情報等を教えるために必要な物です。パズドラとドラコイを比べてみると、明らかにドラコイの方が訴求できていることが分かります。 ガチャページなんか、一目瞭然で、ドラコイの方が豪華で凄い
第1回 iPhoneアプリとAndroidアプリのデザインの違い（前編） - MdN Design Interactive
第1回 iPhoneアプリとAndroidアプリのデザインの違い（前編） 解説・文：秋葉ちひろ iPhoneアプリのようなAndroidアプリ Androidアプリの開発者と話をすると、「制作してもらったデザインがiPhoneアプリそのままなんです」という声を耳にします。そして、話をよく聞いてみると、どうやらそのデザイナーはAndroid端末を持っていないようなのです。私のこれまでの経験として、デザイナーの方が持つスマートフォンは主にiPhoneを使用していて、逆にAndroidを使っているデザイナーは少ないと感じています。例えば、遊びでAndroidアプリを作るならいいのですが、仕事として受注しアプリ制作をする場合、Android端末を使ったことがないというのは大きな問題だと思います。 私が重要と捉えていることのひとつに、Androidアプリの開発に携わる人は、開発者だけではなくデザイナ
Photoshopユーザが今すぐFireworksに乗り換えるべき10の理由 | ベイジの社長ブログ
Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に使った経験を持ち、かついずれにも過剰なこだわりや愛着を持ってないデザイナーの声なのではないでしょうか。 実は私自身はもともとPhotoshopでWebサイトのデザインを作っていました。しかし以前勤めていた会社でFireworksを使っていた人が多かったため、あるプロジェクトで一時的にFireworksを使ってみたところ、色々な面でFireworksの方が優れていると感じ、Fireworksに乗り換
FlashとjQuery どちらで実装するか決める際の重要なファクター
ウェブサイトを構築する際、FlashとjQueryは非常に魅力的なツールです。コンテンツを実装する際にどちらを使用すべきか迷うこともあると思います。 両方の特徴を把握し、実装する際に適切に選択するための重要なファクターを紹介します。 A Closer Look at Choosing Between Flash and jQuery 下記は各ポイントを意訳したものです。 はじめに 1. FlashとjQuery どちらにするか重要なファクター 2. jQueryとFlashサイトのショーケース まとめ はじめに HTML5の登場により、それがFlashを破るか否かに関わらずこれらはウェブコミュニティで議論の的でした。この議論が活発に行われる中、Flash vs. JavaScriptの話題は少し失われていました。 ここではJavaScriptの中から特に人気の高い「jQuery」をとりあげ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの？〜
Android UI Patterns