どれを使う？プロトタイピングツールの特徴・使用感まとめ - ぐるなびをちょっと良くするエンジニアブログ
こんにちは！ かつ、はじめまして！ わたくし、デザイナーのピエール高木と申します。 埼玉生まれ・J-POP育ち、悪そうなやつにはだいたいビビッてました。 どうぞよろしくお願いします！！ お初の投稿になりますが、デザインやコンセプトの面白いサービス&アプリ、気になるツール、参加したイベントなど幅広くお伝えできればと思っています。 今回のテーマは【プロトタイピングツール】。 はじめに・プロトタイピングツールとは 昨今ではデザイナーに求められることが増えつつあります。 ディレクターやエンジニアに対して、プロダクトの画面遷移や動きのイメージを伝えること （特にネイティブアプリなどの案件で）プロジェクトの早い段階から実装に近いイメージを作ること 修正による無駄な開発リソースを削減すること ・・・ そんな中増えてきているのが、高度なプログラミングなしでプロトタイプが作成できる「プロトタイピングツール」
どのようにして高速に iOS アプリの UI を作り上げるか：動作モックの活用と実装時の UI 作りこみ - クックパッド開発者ブログ
Holiday デザイナーの多田です。 皆さんは Web アプリやモバイルアプリを開発する時、モックアップ作成にどれだけ時間を割いているでしょうか？もしくはモックアップを作成せずにすぐに実装に入るでしょうか？私はこれまで Web アプリ開発ではいきなり実装に入ることが多かったのですが、Holiday iOS アプリ の開発では Web アプリの時のように上手くいかないことに気づき、やり方を考え直しました。iOS アプリ開発の過程で、モックアップ作成や実装をどのように捉えるか、具体的にどう行うか、ということが自分なりに見えてきたので、それらについてご紹介します。 目的は、価値のあるプロダクトを速くユーザの手に届けること Web アプリやモバイルアプリの開発過程においてモックアップなどを作る目的は、あくまでも ユーザに届く プロダクトの価値を高めてそれを速くリリースすることです。適切な前準備は
シリコンバレー101(483) わずか1週間でiPhone 5用アクセサリが登場した舞台裏
iPhoneやiPadの発表の時期が近づくと、まだ発表されていない製品向けのケースなどの画像がネット上に現れたりする。秘密主義のAppleがアクセサリベンダーにまで未発表製品の情報を共有しているとは考えにくい。昨年Macworld Expoに出店していたアクセサリーベンダーに聞いたところ、そうしたプロトタイプは「予想の結晶」なのだという。Appleからの情報は皆無だからアクセサリベンダーの横つながりが強くなり、密に情報を交換し合っている。部品サプライヤや製造工場から漏れてきた情報からかなり正確なものを作っている……と自慢していた。もちろん予想は予想であって、発表前に製造することはなく、アップルが正式に仕様を公開してから、デザインを修正し、最終的なモックアップを作り、それから生産行程に入れる。米国の大手アクセサリベンダーの製品デザイナーやパッケージデザイナーは、スペシャルイベントの日を中国で
Archived MSDN and TechNet Blogs | Microsoft Docs
Archived MSDN and TechNet Blogs 1/21/2020 2 minutes to read MSDN and TechNet blog sites have been retired, and blog content has been migrated and archived here. Archived blogs are grouped alphabetically by the initial letter of the blog name. Blogs and blog posts can be searched by their names, using the Search box at the top of the page. Actively updated blogs have been moved to other blog sites,
【レポート】フォント、アイコン、色指定… 開発者が覚えておきたいUIデザインのコツ | エンタープライズ | マイコミジャーナル
Andrew Zhilin氏 ユーザーインタフェースの重要度が高まる一方で、アプリケーション開発者にもデザイン力が求められている。昨年11月にアイルランド・ダブリンで開催された「MeeGo Conference 2010」では、フリーランスのUIデザイナー Andrew Zhilin氏がモバイルアプリにおけるUIデザインのコツを解説してくれたのでこれを紹介したい。 Zhilin氏は、「Meego」の前身となる「Maemo」向けアプリケーションを手がけたフリーランサーだ。これまで10種類以上のアプリケーションのUIデザインを担当してきたという。「オープンソースの世界では、デザイナーは3 - 5%程度。デザイナーを探せないのが現状」とZhilin氏は問題を指摘する。カンファレンスのセッションでは、「プログラマ向けアプリケーションデザインサバイバルガイド」として、プロのデザイナーの力を借りずに洗
2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書 - Feel Like A Fallinstar
ウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛しました。 ヤコブ・ニールセンのAlert Box ユーザビリティ・ユーザ調査の世界的権威であるヤコブ・ニールセン博士のナレッジを発表しているサイトです。 実際の調査結果、そこに対する考察も含め、とてもよくまとまっています。 アップル ヒューマンインタフェースガイドライン Max OS Xのためのインターフェース資料に始まり、アプリケーションをデザインしている間、心に留めておくべき基礎となるデザイン原則がまとまっています。 もちろん、Windows / Linusユーザーにとっても必見。 ユーザビ
売れるiPad/iPhoneアプリのためのデザイン必須知識
売り上げを左右する以前に、デザインが原因でアップルの審査落ちも起こり得ます。基礎データや注意点、素材サイトなど役立つ情報満載！ iPad/iPhoneアプリのデザインは、不要？ 重要？ 2009年11月に登録数が10万本を超え、毎日増え続けるiPhoneアプリ（参考：AppleのApp Store、登録アプリが10万本を突破）。「そろそろ作り始めてみたいけど、どこから手を出せばいいの？」というデザイナの方もいらっしゃるのではないでしょうか。 カヤック意匠部では、ネタアプリから本格的な楽器アプリまで、多くのアプリをリリースしています。そこで今回は、その経験を生かして、iPad/iPhoneアプリ制作を始めるに当たってデザイナが押さえておくべき基本的なポイントを、まとめて紹介します！ 「デザインを一切しなくても、アプリは作れる」 と、いきなりですが、デザイナがいなくてもアプリは作れます。アップ
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
お探しのページが見つかりません。404 File Not Found : XLsoft エクセルソフト
お探しのページは一時的にアクセスできない状況にあるか、移動もしくは削除された可能性があります。 リンクが切れている場合は、こちらのお問い合わせフォームよりご連絡ください。
Stock Icons: An Overview | Smashing Magazine
We love free icons and icon sets. In the overview below we present 55 more excellent, free and professional icons for desktop and web design. Some of them can be used for both private and commercial projects. You may always use them for free in your private projects. Nevertheless, it is always worth to take a look at the license agreements — they can change from time to time. We love free icons an
[Think IT] 第2回：Webデザイナが使う配色の裏側 (1/3)
Webデザイナは知っていた 第2回：Webデザイナが使う配色の裏側 著者：シンクイット制作部 公開日：2008/02/21（木） Webデザイナはどうやって色を決めてるの？ 「第1回：エンジニアだって色にこだわりたい」では具体的な例をあげて、色を決める際のノウハウを紹介しましたが、全てのWebデザイナが色彩感覚に優れているわけではありません。 他の職種の方々はデザイナはセンスだけで色を決めれると思っているかもしれませんが、Webサイトやツール、そして書籍を見て参考にしながら勉強しているわけです。Webデザイナ向けの雑誌でも年に1度は色についての特集が組まれるぐらいです。 今回は配色を決めるために色の特別な知識がなくても、簡単に色を決めることができるツールとそのポイントを紹介していきます。 Webサイトやツールを作る時には複数の色を使う場合が多く、そんな時でも全体的に整って見えるように配色を
@icon変換 - 画像とアイコンの相互変換ツール。favicon作成にも。
@icon変換 Vista形式、PNG、透過マスク、アルファチャンネルなどに対応した、画像とアイコンの相互変換ソフト。favicon作成にも。 スクリーンショット 特徴 画像とアイコンの相互変換ソフトです。ホームページの favicon、デスクトップのアイコン等の作成に便利です。 Windows Vistaの大きなサイズのアイコンを作れます。 Windows XP の半透明アイコンに対応し、透過マスク／アルファチャンネルの編集もできます。 主に、お気に入りのグラフィックツールで素材を作る人向けです。 読み込みは ICO/BMP/PNG/PSD/ICL/EXE/DLL、書き出しは ICO/BMP/PNG/ICL に対応しています。ICO では複数のアイコンを一つのファイルに持つマルチアイコンに対応し、ICL は同種アイコンのグループ化に対応しています。 1x1 から 256x256までの任意
Vista用の特大アイコンにも対応！最新アイコン作成ツール
Visual BasicやVisual C#といったマイクロソフトの開発ツールには，無料の「Express Edition」があります。ただ，Express Editionには，有料の上級製品が持っている様々な機能が欠けています。その一つがアイコンの作成機能です。アプリケーションを自作したら，やはり自分で考えた独自のアイコンを付けたいですね。そこで役立つのが，フリーのアイコン・エディタ「IcoFX」です。海外製のツールですが，設定を変更することにより，日本語表示も可能です（残念ながらヘルプ・ファイルは英語のままですが）。 このソフトの特徴は，Windows Vistaの「特大」アイコンの作成に対応している点です（図1）。Windows Vistaでは，256ドット×256ドットの特大アイコンをエクスプローラに表示できます。また，既存のEXEやDLLのファイルからアイコンを抽出する機能も便利
【コラム】クリエイターのためのライフハック (53) ロゴデザインをするときに参考となるサイトいろいろ | クリエイティブ | マイコミジャーナル
デザインの仕事に携わっていれば一度は経験するであろう仕事がロゴデザインです。ロゴ(ロゴタイプ)は、対象となる企業やサービスを抽象的もしくは直接的なメッセージを盛り込んだ文字をビジュアル化して表現したものです。見たときのインパクトを求められることもあれば、汎用性、柔軟性が必要とされる場合もあり、デザインの課題も予め設けられていますが、同時にそれがロゴデザインの面白さといえるでしょう。 ロゴデザインのコツは、ひたすらスケッチをするところにあります。筆者も学生の頃、ロゴデザインのクラスを受講したことがありますが、ひとつの課題に対して最低50のアイデアをスケッチすることが条件となっていました。ここでいうスケッチは、サムネイルのような小さいものでよいので次々とアイデアを描いていくプロセスを指します。この段階ではあまりディテールには拘らず、まるでおもちゃ箱をひっくり返すかのようにアイディアを思いのまま
NCES Kids' Zone Test Your Knowledge
Surveys & Programs + National Assessments National Assessments National Assessment of Educational Progress (NAEP) National Assessments of Adult Literacy (NAAL) International Assessments International Assessments International Activities Program (IAP) Early Childhood Early Childhood Early Childhood Longitudinal Study (ECLS) National Household Education Survey (NHES) Elementary/ Secondary Elementary
Crystal Clear - Wikimedia Commons
Original Icons from the Crystal Clear[dead link] icon set (archived page as of 10 October 2012 at Internet Archive) by Everaldo Coelho. This set is a previous version of the Crystal Project icon set. The icons are licensed under the GNU Lesser General Public License (LGPL). These icons can be downloaded in a single package at Open Icon Library. You can also view these icons sorted by type. All ima
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sketchで変わるワークフロー
新着記事
やる夫がドット絵に挑戦するようです
サイトでグラフを使いたい時に使えるまとめ - DesignWalker
