楽しく作れる！スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO
ワイヤーフレームを楽しく作ろう！ 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる！」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました！もちろんすべて無料で始められます！ では早速どうぞ〜！ Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま？)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
複数画面をつまんで繋げるタッチ端末用インターフェース「Pinch」 #DigInfo
複数の画面をつまんで繋げるタッチデバイス用マルチディスプレイ・インターフェース「Pinch」 http://jp.diginfo.tv/v/12-0202-r-jp.php DigInfo TV - http://jp.diginfo.tv 2012/10/25 デジタルコンテンツエキスポ2012 東京工科大学 Pinch
UI と UX の違い - Zerobase Journal
「UI」は「ユーザー・インタフェース」。 「UX」は「ユーザー・エクスペリエンス」。 「UI/UX」と混同表記する人がいるから、「UI と UX の違い」という不要な疑問も生じるんです。 「UI と UX の違い」なんて瞭然ですよ。 それを説明するために、ちょっと回り道します。 「怪我と痛みの違い」は瞭然ですよね。 「怪我」は客観的物質的存在です。 怪我した本人でも他人でも誰でも、そこに怪我が「ある」ことを観測できる。 一方、「痛み」は主観的な感覚ですね。 他人の「痛み」は観測できない。 痛がっている様子から「痛いんだろうな」と推定することはできるけど。 「UI」が「怪我」、「UX」が「痛み」に対応した比喩です。 「UI」は客観的物質的存在です。 誰が見ても iPhone にホームボタンは一つです。 誰が押してもホーム画面に遷移する、というインタラクションです。 一方、「UX」は主観的な体
直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」
WEB以上にUIが重要視される、モバイルアプリ開発。当然情勢も刻一刻と変わっていきスピード感も求められます。今日紹介するのは直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」。 ブラウザ上で、用意されたパーツを並べていくだけで簡単にUIを設計することができます。非常に直感的に操作できるようになっており、海外のサービスですが、説明やチュートリアル無しで制作していくことができました。 詳しくは以下 予めよく利用するパーツが取り揃えられれていますので、基本設計は用意されているパーツで十分行えると思います。 フリー版では1つのプロジェクトで10スクリーンまで、10MBのアップロード領域まで利用できるそうです。それ以上は、STANDARD、PROFESSIONAL、EXPERTと開発規模に応じて有料プランが用意されています。有料版の利用料金は料金は「Plans & Pr
手のひらにダースベイダーが!? iPhone上で動く拡張現実を体験できる動画 - はてなニュース
カメラを通して映した画面上に、コンピュータで描かれたキャラクターが現れて動き出す……こうした“現実環境にバーチャルな情報を映し出す”技術および概念を「拡張現実(Augmented Reality：略してAR)」と呼びますが、iPhone上で動いているARを体験できる動画が公開されています。iPhoneカメラで映した画面内でダース・ベイダーが歩き回る衝撃的な映像をどうぞ。 YouTube - PTAM + AR on an iPhone 3G この動画を投稿したのは、2007年に「PTAM（Parallel tracking and mapping）」という研究およびソースコードを発表したGeorg Klein氏とそのチーム。2008年ごろにも「竜安寺石庭で戦うダース・ベイダー」などが含まれる動画を公開し、14万回以上再生され人気を集めました。 YouTube - Parallel Trac
モバイルデザインパターン
TOPICS 発行年月日 2012年09月 PRINT LENGTH 240 ISBN 978-4-87311-568-9 原書 Mobile Design Pattern Gallery FORMAT PDF モバイルアプリのUIパターンを手軽に参照できるリファレンス。主要なプラットフォームで動くモバイルアプリの画面例を400点以上使いながら、ユーザーインタフェースの定番パターンをグラフィカルに解説します。本書で紹介する68個の基本パターンと5個のアンチパターンが、使いやすいモバイルアプリをデザインするうえでクリアしなければならない設計上の課題を解決してくれます。 掲載UIパターン： ナビゲーション、フォーム、テーブルとリスト、検索、並べ替え、フィルター、ツール、グラフ、誘導、フィードバック、アフォーダンス、ヘルプ、アンチパターン サンプルPDF ● 「監訳者まえがき〜1章まで」（15M
lovely ui
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
様々なイケてるUIを参考にできるサイト | バシャログ。
足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。「Design patterns」ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 ui parade. ui parade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト
iPhone/iPadアプリデザインで使っているツール
企画やらUIを考えるツール iPhone Idea Sheet（PDF） 三階ラボさんのアイデアシート（PDF）。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。 印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。 紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo（Web） UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。 Interface HD（iPad App） iPad上で、iOSパーツを組み合わせて
Evernote Blog � Blog Archive � New updates to Web and Windows
에버노트에 뭐가 새로워요?에버노트에서 무슨 일이 일어나고 있는지 궁금하신가요? 아래의 기사들을 확인하여 우리가 작업 중인 흥미로운 것들을 모두 볼 수 있습니다. 새로운 소식레거시 버전 Evernote 앱 사용 중지2024년 3월 26일, 저희는 레거시 버전 Evernote 앱에 작별을 고합니다. v10 이전의 Evernote 경험을 단일화하면 보안 수준을 크게 높이고 더 빠른 개발을 위해 더 많은 자원을 투입할 수 있습니다. 더 읽기 14가지 주요 기능이 이제 모든 사용자에게 제공됩니다이 중요한 Evernote 기능들은 검색, 첨부 관리, 노트 액세스 등 핵심적인 제품 성능을 높여줍니다. 이제 누구나 그 기능을 사용해 Evernote의 잠재성을 최대한 활용할 수 있습니다.
ウェザーニュースタッチ 「空でつながる」コンセプトの真相（前編）
気象会社ウェザーニューズが7月30日、iPhone・Android向け天気アプリ「ウェザーニュースタッチ」の大幅なリニューアルを行った。 ウェザーニュースタッチは、最新バージョンで空の写真を投稿する機能を強化した。従来通りの詳細な気象情報も各チャンネルで確認できるが、アプリ立ち上げ時の画面が大きく変わっている。目玉機能の「ソラサーチ」は、ユーザーからの賛否の声が挙がる一方、ウェザーニュースには大きなメリットがあった これまでウェザーニュースタッチは、ウェザーニューズが提供する気象情報をチェックするためのアプリという位置付けだったが、新しいバージョンでは会員登録をして使い始めるSNSアプリのような使い勝手に変わった。「ソラサーチ」という、自分の周囲や現在位置から指定した距離にある空の写真を検索し、六角形に配置した各窓に表示したり、自分で写真を撮って投稿したりして楽しめる機能が大きな目玉だ。
iOSのさまざまなUIエレメントが揃った、iPhoneアプリ用のワイヤーフレーム素材 -Sketchkit
Sketchkit [ad#ad-2] Sketchkitの特徴 Sketchkitのデモ ワイヤーフレームに関するメモ Sketchkitのダウンロード Sketchkitの特徴 デザインは非常にシンプルなスタイル。 マスタースライドからUIエレメントをコピペで簡単配置。 全てのエレメントとテキストのラベルは編集・リサイズが可能。 スライドのサイズはペーパープロト用に最適化。 まもなく、Android版もリリース。 Sketchkitのデモ Sketchkitは、下記のようになっています。 [ad#ad-2] ワイヤーフレームに関するメモ ワイヤーフレームはプロダクトの目的と機能を検討することを目的としたものです。決して、最終のユーザインターフェイスではありません。 Sketchkitはユーザインターフェイスのために、プロトタイプとしてのデザインディレクションが意図されていないことを明確
UIの可能性を感じさせる、「Think Different」なiPhoneアプリのインターフェイスのまとめ
Clear Clearはボタンのない、ジェスチャーベースのインターフェイスで私たちに衝撃を与えました。ユーザビリティとアクセシビリティに若干問題があるにもかかわらず、その操作性とミニマルなインターフェイスはジャスチャーだけでユーザーに素晴らしい経験を与えます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
インターフェイスデザインが素晴らしいiPhoneアプリをカテゴリ別・UIパターン別で見られるギャラリー -MobileMozaic
実用性を重視して作成された、iPhone5のUIエレメントのPSD素材 -iOS 6 GUI PSD
新着記事
新着記事
cmmntr.com
IDEA * IDEA
新着記事
