サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
秋葉ちひろのAndroidアプリデザイン入門（6） - MdN Design Interactive
第6回 これからのアプリデザインに必要な知識とスキル そして、それをとりまく環境 2013年5月9日 解説・文：秋葉ちひろ 今まで5回に渡って、Webデザイナーさん向けにAndroidアプリデザインについて連載をしてきました。最終回となるこの回では、今後の展望も含めてまとめていきたいと思います。 ■なぜいま、Androidアプリデザインなのか？ AndroidにはAndroidのシステムインターフェイスがあり、iPhoneのそれとはまったく違うものです。また、Androidのガイドラインには、「Pure Android」という項があり、そこには「iPhoneの○○のマネをしてはいけない」ということが、画像付きでしっかりと書かれています。 参考：Pure Android | Android Developers http://developer.android.com/design/patt
秋葉ちひろのAndroidアプリデザイン入門（5） - MdN Design Interactive
第5回 ガイドラインからみたAndroidアプリデザインの特徴3 2013年4月18日 解説・文：秋葉ちひろ いよいよ5回目となりました。Androidの多すぎる解像度や画面密度にうんざりしていませんか？ この回では、マルチデバイスに対応するために、デザインを作成するときのサイズについて詳しくみていきましょう。 ■Android端末の画面サイズについて アプリデザインを考える上でベースとなり、最も重要なのが画面サイズです。しかし、第2回でもお伝えしましたが、Androidには書ききれないほどの画面サイズ／解像度があり、縦横比さえもまったくバラバラです。それでは、Androidアプリのデザインを依頼されたときには、いったいどれぐらいの大きさで作ればよいのでしょうか。 ●解像度とピクセル密度/密度グループ解像度というのは、「px（ピクセル）」という単位であらわされる画面のサイズです。Webサイ
秋葉ちひろのAndroidアプリデザイン入門（4） - MdN Design Interactive
第4回 ガイドラインからみたAndroidアプリデザインの特徴２ 2013年4月4日 解説・文：秋葉ちひろ 前回はAndroidアプリのデザインの特徴のベースとなる部分をお伝えしました。今回は、前回説明した新たな2つの機能のUIのうち、Androidアプリデザインでも最も重要な要素となるアクションバーを説明していきます。 The action bar is a dedicated piece of real estate at the top of each screen that is generally persistent throughout the app. アクションバーは、アプリを通して常に画面の上部に出ている専用の部品である。
秋葉ちひろのAndroidアプリデザイン入門（3） - MdN Design Interactive
第3回 ガイドラインからみたAndroidアプリデザインの特徴１ 2013年3月21日 解説・文：秋葉ちひろ 前回までは、普段Androidを使わない方にもわかる簡単なiPhoneとの比較をお伝えしました。今回からはいよいよAndroidアプリのデザインの特徴について、3回にわたって詳しく解説していきます。 【1】Androidのバージョンを知っておこう アプリのデザインの話に入る前に、まずはAndroid自体について知っておきましょう。 ●AndroidのバージョンAndroidのOSにも、「iOS5」や「iOS6」のようなバージョンが存在し、それぞれにコードネームがついています。 上記のグラフは、Googleが公開したプラットフォームバージョン分布データで、2013年3月4日までの14日間にGoogle Playにアクセスした端末のOSのバージョンを調べたものです。 ※参照：Dashb
秋葉ちひろのAndroidアプリデザイン入門（1） - MdN Design Interactive
第1回 iPhoneアプリとAndroidアプリのデザインの違い（前編） 2013年2月21日 解説・文：秋葉ちひろ iPhoneアプリのようなAndroidアプリ Androidアプリの開発者と話をすると、「制作してもらったデザインがiPhoneアプリそのままなんです」という声を耳にします。そして、話をよく聞いてみると、どうやらそのデザイナーはAndroid端末を持っていないようなのです。私のこれまでの経験として、デザイナーの方が持つスマートフォンは主にiPhoneを使用していて、逆にAndroidを使っているデザイナーは少ないと感じています。例えば、遊びでAndroidアプリを作るならいいのですが、仕事として受注しアプリ制作をする場合、Android端末を使ったことがないというのは大きな問題だと思います。 私が重要と捉えていることのひとつに、Androidアプリの開発に携わる人は、開発
box-shadowで表現する、「セミフラット」なズルいデザインテクニック
box-shadowで表現する、「セミフラット」なズルいデザインテクニック：ズルいデザイン（3）（1/2 ページ） 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな
デザイナーもエンジニアも幸せになれるiOS画像の書き出し方 | keisuke.tsukayoshi
前回iOSアプリのデザイン指示書についての記事でも少し触れましたが、iOS開発の画像素材の書き出しはデザイナーが担当するのが一般的なようです。しかし実際にコードを書けない多くのデザイナーにとっては、どんな画像をどのように書き出せばいいのか不安になってしまうことも多そう。 というわけで今回は、主にアプリデザインの経験のないデザイナーさんに向けた簡単なtipsと、最後にちょっとグレーだけど使い所によっては効率があがるぼくなりの手法も少し紹介してみたいとおもいます。 基本的なこと デザインは横幅640ピクセルで作る 基本的なところですね。後述しますが、Retina対応したiPhoneとそうでないもののふたつの解像度の画像が必要になるのでどちらも兼ねるこの解像度で作ります。 非Retina端末のために半分のサイズの画像も用意する 実際にXcodeでの開発は横幅320pxをベースに実装するので、もと
【検証】クリックされるボタンの色は？ | WebNAUT by Beeworks
検証したパターン 調査結果 全アクセスのコンバージョン率（CVR） 結果は下記の通りとなりました。 なんと！緑色がもっともCVRが低いという結果になりました。 どうやら、無条件に「緑色のボタンはクリック率が高い」という結果にはならないようです。 Firefoxをダウンロードしたユーザーと、ビーワークスの採用に応募しようとしたユーザーには、何か違いがあったのでしょうか？ 「どこから流入したか」によって結果に違いがあった 調査対象ページにアクセスしたユーザーは、何かきっかけがあって、ビーワークスの採用に興味を持ってアクセスしているはずです。そこで、どこから流入したのか、「参照元」のセグメント別に結果を分けて分析してみます。 こうやってセグメント別に分けてみると、参照元によってCVRの平均値自体に大きな差があることがわかります。CVR順に並べると、検索 ＞ WebNAUT ＞ なめぱら という結
fladdictさんが考える「手触りのあるアプリ」（前編） iOS 7のフラットデザインと、これからのUIデザイン
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Webデザインの仕方が分からない！初心者にすすめるデザインのコツ その1 « ブログ｜東京のアプリデザイン制作会社｜株式会社ハラハラ｜harahara Inc.
こんにちは、代表の藤原です。 私は色々な仕事を兼務しているのですがその中でも最もキャリアのあるデザイン作業には特に思い入れが強くあります。 以前は会社員としてアートディレクターをしていたこともあり若いデザイナーにデザインを教えてきました（生意気ですが…）それを活用している人もいれば全く違うメソッドでデザインをする人もいます、それはそれで全く問題ありません。ここで紹介するのは私の独学と上司や先輩から見聞きしたことを独自にカスタマイズした独自のデザイン理論になります。 デザインと一口に言ってもWebデザイン、グラフィックデザイン、プロダクトデザインなど数多くありますので今回はWebデザインを基軸で考えますが現在弊社でお仕事させていただいているアプリなどにも転用できる考え方なのでUIデザインのお話しでもありますがタイトル的にはSEOを加味してWebデザインとしてあります。 少しこの記事は長くなり
【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ
iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
フロップデザインフォント
フロップデザインフォントという商用可の日本語フリーフォント フロップデザインフォントは、どなたでも自由に無料でダウンロードして、商用・非商用問わず使用できる日本語フリーフォントです。このフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナ、アルファベット、数字をオリジナルで制作し、残りの部分をM+FONTで補いました。またM+FONTで不足している漢字をIPAゴシックで補完しています。 フォントのデザイン特徴について 水平、垂直の線がデザインの基本となっているシンプルなゴシック体の日本語フォントです。暖かみのある手書きを感じさせるひらがな、シャープなイメージのカタカナ、スマートでデザイン性の高いアルファベット（英語）、スタンダードで読みやすい数字とそれぞれ異なる考えに基づいて作られたフォントです。しかし
Bitbola - Link Resmi Sportsgaming Main Sebentar Auto Sultan
Bitbola merupakan situs gaming online yang terpercaya, sudah terpercaya selama 8 tahun sebagai platform pilihan gaming online. Mulai dari gamenya yang gacor sampai ke pelayanan yang top class. Customer Service kami merupakan orang-orang pilihan yang sangat mahir di bidangnya. Situs bitbola juga memiliki banyak sekali event-event promo dan bonus yang sudah pasti menguntungkan dan menyenangkan. Bitb
GoogleのアイコンなどのデザインガイドラインをGoogleのデザイナーが公開中
ChromeやGmailのアイコンはシンプルであり、一度使うと見るだけでそのアイコンが何を示すのかわかりやすくデザインされているのが特徴的です。そんな企業秘密とも言えそうなGoogleのアイコンやロゴのデザインガイドラインをGoogleのグラフィックデザイナーであるロジャー・オドン氏がBehanceで公開しています。 Google Visual Assets Guidelines - Part 1 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077 Google Visual Assets Guidelines - Part 2 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidel
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
秋葉ちひろのAndroidアプリデザイン入門（2） - MdN Design Interactive
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
場面に合わせて使いわけよう！デザイナーなら知っておきたい、美しい和文フォント10選 - Moxbit
あたし、このデザインを納品したら故郷に帰って結婚するんだ。vol.05｜株式会社アクトゼロ｜クリエイティブブログ
