初めてAndroidアプリをデザインするときの基本の「き」 | keisuke tsukayoshi
Androidアプリのデザインを初めてするときに知っておきたいようなtipsを中心にまとめてみました。ぼくもあんまりAndroidアプリのデザインには慣れてはいないのですが、最近本格的にとりかかる機会があり、わからないながらもあれこれ調べてメモしていたものをまとめました。 これから初めてAndroidアプリをデザインするデザイナーさんが安心して作業にとりかかれるようになればいいなぁ。 デザインを始める前に知っておきたいこと まずAndroidのアプリデザインをする上でハードウェア（ディスプレイ）について理解する必要があります。単にディスプレイといってもAndroidには画面密度が複数あり、見かけ上同じサイズに見えても密度が違っていることがあります。これはiPhoneでいうところのRetinaと非Retinaみたいな感じ。 ここを理解できるかが鬼門ですが、考え方さえわかってしまえば簡単なので
Microsoft R Server now available for Academics and Students via DreamSpark - big data statistics, predictive modeling and machine learning capabilities - Microsoft UK Faculty Connection - Site Home - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
Android Icon Design Training
はじめに ランチャーアイコンはアプリを識別する顔であり、マーケットにおいて最も重要で最も目立つ宣伝です。 そのため、アプリのアイコンにこだわる事はとても重要です。 しかし、同時にプログラマーに取っては苦手意識や他人事になりやすい部分でもあり、素晴らしい機能を持ちながら投げやりなアイコンが付いたアプリも少なく有りません。 そこで非デザイナー向けに、絵心が無くてもハイクオリティなデザインは可能である事をAndroidのランチャーアイコン作りを通じて体感し、デザインを身近に感じてもらうとともにデザイナーと話をするための基礎を築くことを目的としたイベントAndroid Icon Design Trainingを4/6にAIP Cafeにて開催しました。 そのときの資料をアップしてほしいというリクエストがあったため、前半部分を中心に説明を追記しながら公開します。 後半部分はInkScapeやホワイト
なぜデザイナーとのコラボイベントは失敗するのか
おかげさまで満員御礼で受付を締め切る事になった 非デザイナー向けアイコンデザイン勉強会 このイベントの当面の目的は自分自身でデザイン出来るようになること しかし長期的な目的は別に有り、プログラマーやプロジェクトマネージャーがデザイナーとコラボレートする事です。 まず、断っておきますが、私はデザイナーでは有りません。プログラマーです。 よくInkScape勉強会やアイコンデザインなどをやっているせいかデザイナーなんでしょ？ って言われますが 本職はJavaでPHPやJavaScript、C#、Pythonなどが好物です。 なんでそんなやつがデザインの勉強会をするのか？ それはプログラマーとデザイナーがお互いを異星人と思っている事に気づいたためです。 近年スマートフォンアプリマーケットなどの隆盛により、個人が個人に対してアプリを作って販売することが増えるようになってきました。 そのような環境で
神秘の調和、アップル社のプロダクトデザインに隠された「黄金比」
ときには素っ気ないほどシンプルなアップル社のデザインですが、きちんと調べるとありとあらゆるところに最も安定し美しい比率とされる「黄金比」1:1.618(約5:8)が現われます。これは製品だけではなくWebページやロゴも同様。アップルの魅力的なデザインについての理由が少しだけ理解できたような気がします。 アップルのロゴ 左側の図は、直径の比ががフィボナッチ数になっている円を集めた「黄金長方形」。右の図は、これとアップルのロゴの曲線の直径を比較したもの。あらゆる箇所のサイズが緻密に計算されているのが分かります。 iCloudのロゴ 円の直径やロゴの縦横比が黄金比（1:1.618）になっています。 アップルのウェブページ ウェブページにも黄金長方形が出現しています Macbook Airの内部 ちょっと無理やりな感じもしますが、Macbook Airの内部です。 iPhone4 スクリーンの分割
写真が語るUXとUIの違い - Nothing ventured, nothing gained.
Windows XPのXPがeXPerienceだったことを覚えている人がどのくらいいるかわからないが、正直、最初にユーザーエクスペリエンスと聞いたときに、どのように日本に定着させようかと悩んだ。略語を開くことなどあまり無いので、製品名などは大して心配はしなかったのだが、確か何かの設定画面かにも、Experienceというタブ名か何かがあり、どのように訳すか頭を痛めたように記憶する。 それから数年、すっかりUX、すなわちユーザーエクスペリエンスという言葉が定着したように思う。それでも、今でもUXとUIを混同する場面に出くわすことがある。 すでに様々なところで説明はされているが、敢えて、ここでもUXとUIの違いを説明しよう。 UX（ユーザーエクスペリエンス）は、製品やサービスに対して、ユーザーがどのように感じ、そして反応するかのことである。実は、UXは2010年にISO 9241-210とい
#ABC2012S おつかれさまでした！ - ReDo
僕本人の勉強にはなりましたが、出来を自己採点すると デザインセッション → 50% LT → 70% ということで反省する点が多かったなと思っています。 ○デザインセッション Android開発者とデザイナーの効率的な連携に利く話 そもそも早口すぎたこと、それと喋りながらまずいなぁ、とか思ってたんですが開発者じゃないと理解できそうもないフレーズがふんだんに入っていて資料が微妙でした。こちらはまとめなおして別資料にしたいなとか思うだけ思ってます。 それと、きっと私と一緒に仕事をしたことがある人は「ウソツキ」とか思ったはずですが、表現をあえて理想論側に倒しています。 実際僕自信にうまく行った体験はほとんどありませんし、いつも満足のいかないプロダクトを「完璧です」って言って納品しています。 きっとウソでも言ってたら真実になるかもしれないじゃないですか、言霊とか：） @lycheeと一緒にやれて楽
［1］皆に愛されるアプリを作るために
アプリのデザインは単に見栄えがいいだけでなく、初めてのユーザーでも分かりやすい必要があります。Androidでは複数のアプリが協調して動作することがあるため、プラットフォームの慣習に従い一貫性のあるユーザーインタフェースを持つことも大切です。 Googleは2012年1月、使いやすく一貫したデザインを持つAndroidアプリの開発を支援するサイト「Android Design」（写真）を公開しました。Android Designでは、快適で効率よく使いやすく、あらゆる環境で美しいデザインを持ったアプリを作るための一般論からAndroid特有の注意点まで概要が解説されています。また、Android 4.0でのデザインの大きな変更についても紹介しています。 この連載では、Android Designの全体像と、重要なポイントを解説していきます。Android Designの全文についてはオリジ
手描きのスケッチでデザインのススメ | 使える「デザインセミナー」
こちらのスケッチはかなりお上手です。こういう、うまいスケッチを見ると俄然やる気がわいて来ますね。 sketch: video browse page featured videos ideas ↑こちらのサイトからお借りして来ました。 あまり、手描きのウェブのスケッチを見た事がないという方も多いかもしれません。私達の事務所では、よく見かける光景です。アートデイレクターからデザイナーに、とか、まあ、言葉で説明するよりも絵にしてしまった方が早い！からかもしれませんが・・・・ ということで、今日は手描きのスケッチについて。 まずは、描くもの用意 今日は、どこにでも売っていそうな画材でということでダイエー碑文谷店 でスケッチブックと鉛筆を買って来ました。 方眼ノートのメモもサイズが小さいと２００円以下。スケッチブックも１６０円くらいで買えるのかな。お薦めはスーパーで買うなら三菱のuni鉛筆のHBが
How To Use WordPress Tutorial [2024]
What’s up y'all! More the reading type? Looking to start a website? The post: WordPress is definitely a solid choice for creating awesome, professional websites. Now you’ve just got to figure out how to use WordPress… Good news: as always, we’ve got your back fam! Here we’ve got a complete walkthrough of one of the best tools for building a website best website builders around including what you n
![How To Use WordPress Tutorial [2024]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c951618c3f76b3491f33f029f93696b921f1280/height=288;version=1;width=512/https%3A%2F%2Fe8y8n8b5.rocketcdn.me%2Fwp-content%2Fuploads%2F2020%2F01%2Fcapw-featuered-graphic-how-to-use-wordpress.jpg)
Modern Syntax
なんかの賞も受賞したことがあるバルーン・アーチストであるセルゲイ・シェフチェンコさんによるバルーン（風船）を使ったアートです。彫刻ではないのですが、見た目がそんな感じになっているということでバルーン彫刻と呼ばれているようです。 路上でパフォーマンスしているバルーン・アーチストとは明らかに違いますよねえ。
AndroidのLayoutについて | TechBooster
Androidアプリケーションを始めて作成するときに、一番つまづきがちになるLayoutの構成の仕方。 本エントリでは、下記要素についての紹介を踏まえて、思い通りの位置にViewを構成する方法を紹介します。 今回紹介する要素 android:layout_weight android:gravity android:layout_gravity android:layout_margin android:padding 今回のサンプルではこれらの要素を使用して、以下画面を作成します。 また、今回の記事の作成にあたり、以下サイトを参考にさせていただきました。 ありがとうございました。 zaki日記 様 http://zaki.tdiary.net/20110702.html#p01 プログラミング雑記 様 http://d.hatena.ne.jp/Korsakov/20100826/128
第2回 基本を押さえながら、まずは要素だけでXMLコーディング
デザイナーがこだわったAndroidアプリのデザインを実現するXMLコーディングを解説する連載の第2回。前回は、デザイナーが作りたいと思うアプリと、こだわりたいポイントについて挙げていきました。 今回から実際のコーディングに入っていきますが、その前に、作るアプリについてしっかりと考えておきましょう。前回でも述べたとおり、ただのインスピレーションのデザインではなくて、ユーザーが使いやすいインタフェースを設計する必要があるからです。 作りたいアプリを決める 前回でも紹介しましたが、今回実装するのは、「CAT PATH」と題する仮想アプリです。 XMLコーディングのサンプルですのでシステム的な仕様はありませんが、画面を作っていく上で、ユーザーのユースケースなどはきちんと考えてインタフェースを設計する必要がありますので、大まかな内容だけ決めておきます。 ＜アプリの概要＞ 自分のアカウントを持ち、自
Android Interaction Design Patterns |
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
第1回 デザイナーがこだわりたいAndroidアプリのデザインとは？
現在Androidマーケットにあるアプリで「このデザインなら使いたい！」と思えるようなものは、残念ながら多くありません。デザイナーがそもそもプロジェクトにかかわっていないと思われるものもあれば、デザイナーはいるけれども全体として統率がとれていないものも多くあります。 すぐれた機能のアプリであっても、ユーザーの満足度はデザインのクオリティによってかなり左右されてしまいます。この連載では、Androidアプリデザインのクオリティ向上を願い、実装のノウハウとともにデザイナーのこだわりと気持ちをお伝えしていきたいと思います。 アプリの実際のXMLコーディングを通し、デザイナーがこだわるAndroidアプリのデザインを、いかにXMLで表現するかを突き詰めて考え、実装していきます。
Circle Menu
A customizable jQuery plugin that emulates the menu in the Path application. Includes a selection animation and various animation options for opening and closing the menu. See it in action. Author Jason Hutchinson (zikes@zikes.me) How to Use Download and include the JS file in your page. Create a list, with the first list item representing the icon at the center of the menu. <ul> <li><a href="#">+
ビジュアル・シンキング、タンジブル・シンキング: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 今日、会社のほうのブログにも「発想のための「レシピ」や「方程式」は存在しない。」という記事のなかで紹介しましたが、クーリエ・ジャポン1月号に掲載され、Webでも公開されて一部で話題になっているMIT石井教授のインタビューが発想とヴィジュアライズの強い結びつきという観点からなかなか興味深かったです。 → 「MITメディアラボ石井裕副所長インタビュー（前編）: クーリエ・ジャポンの現場から」 そのインタビューのなかで、石井教授は「発想において「レシピ」や「方程式」のようなものは存在しません」と言っている一方で、ご自身の発想の方法について、例えば、語っています。 いい問いを発することは答えを出すことよりもはるかに大事です。なかでも最も重要な問いが「なぜ？」です。「なぜ？」という問
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
検索結果: ReDo
7 Guidelines to Great Mobile Design
デザイン | Android Developers
