GitHub - dylanslewis/stylesync: A command line tool to extract shared styles from a Sketch document, and generate native code for any platform.
A unified design system is essential to building better and faster; better because a cohesive experience is more easily understood by our users, and faster because it gives us a common language to work with. Karri Saarinen, Airbnb A design system is vital resource for any product that values a consistent experience for users across platforms. Unfortunately maintaining a design system in code is a
モーダルを閉じるボタンのUIは右か左か | UXデザイン会社Standardのブログ
モーダルビューを「閉じる」ボタンの位置は右に置くべきか左に置くべきか。iOSにおいてはナビゲーションバーの右と左の2択であるため、逆に迷ってしまいがちなのかもしれません。 よくある話としては「設定ボタンがナビゲーションバーの左にあるのなら、同じように左側に閉じるボタンを配置するべきではないのか…」といったことをよく聞きますが、トリガーとなるボタンの位置はあまり関係なく、その後のモーダルビューでの内容や一貫性によって判断する必要があります。 モーダルとは ボタンの位置を考える前に、まずはモーダルとはどういったものかを紹介します。アプリケーションでのモーダルはユーザーに行動を制限し、特定のタスクに集中させるモードです。もちろんアプリケーションという意味では、ホームボタンを押したりマルチタスクにより他のアプリケーションを使うことができるため完全な制限ではありませんが、現在使用中のアプリケーション
画面内の要素をピクセル単位で測定できるツール「Pixel Winch」 | ライフハッカー・ジャパン
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
Swiftでデザインパターン（同時上映：クロージャもつかうよ！） - たーせる日記
こんにちは。長期出張でへとへとになってしまったたーせるです。おひさしぶりーふ。 6月3日の未明、Appleが「Swift」という新しいプログラミング言語を発表しました。 スローガンはObjective-C without C。ぼくはわくわくが止まりません。 さっそく Xcode 6 beta をダウンロードして、新生言語 Swift をいじってみました。 人生初 Swift です。 Hello World まずはお決まりの儀式*1から。 main.swift import Foundation println("Hello, World!") main()関数もセミコロンもいらないあたりがチャームポイントですな。 勢い優先で Xcode 6 をインストールしたものの、取り立てて作りたいものを思いつかなかったので（おい）、ちょいと言語に慣れるためにいくつかデザインパターンを実装してみました。
プログラマーがイラレで絵を描けるようになると、こうなる - ppworks.jp
プログラマー、絵が描けないじゃないですか（偏見） こんなじゃないですか。 なので描けるようになりたいなとずっと思っていて、ベジェ曲線って滑らかでナンカヨサソウ、とチャレンジしました。 「ベジェ曲線」習熟ドリル 7,8年前に買ったのがこれ。そう、チャレンジは2回目なのです。前回は3ページぐらいで挫折してました。んで、最近急に暇になったのをキッカケに「よしやろう」という気になり始めたのです。 改訂二版〈Illustratorで学ぶ〉「ベジェ曲線」習熟ドリル 作者: 中村高之出版社/メーカー: ラピュータ発売日: 2005/04メディア: 単行本購入: 2人 クリック: 8回この商品を含むブログ (4件) を見る (2014.1.10追記) なんと、長らく手に入りにくかったこちらの書籍が新装改訂版で再登場とのこと。 表紙が若干、損していた分、今回はスタイリッシュで内容と合っていてヨサソウです。
0から学ぶアプリの配色 - Rejasupoem
当方Androidエンジニアをしておりますが、プライベートでアプリを作るとき、画像リソースについてはAndroid組み込みのものを使ったり、Fontawesomeを使ったり、フリー素材を使ったりしています。 しかし配色はインターネットに落ちていなくて、自分でやるとイマイチで、いい感じにしたいという気持ちがありました。 そこで、調べたり試行錯誤をして知見が得られたので、配色に悩むエンジニアのために共有します。 3行まとめ デザインはセンスで行うものではなくロジックで成り立ってる、つまり努力でなんとかできる Color Scheme Designer 3 便利 配色を学ぶのには下のスライドが一番分かりやすかった 色彩センスのいらない配色講座 from Mariko Yamaguchi STEP 1. 対象に興味を持つ 〜〜で必要だから勉強しなければって始めてたものが長く続いたことがないので、
第一回プログラマ向けデザイン勉強会を開催しました - satococoa's blog
10/27(土)に 第一回プログラマ向けデザイン勉強会 を開催しました。 この勉強会は毎月やっている デザイナー向けプログラム部 (P4D) の逆バージョンで、デザイナさんにプログラマがデザインを教わるという趣旨で開催しました。 そして講師役として、いつもP4Dの方でもお世話になっている @machida さん、@ken_c_lo さん、@saucerjp さんの3人にお願いしました。 もっともこの3人をはじめ、P4Dに参加されているデザイナさんは普通にJSやFlash、ObjCなんか書いていたりして単にデザイナと呼んでいいのかどうかは怪しいところですが。 RailsエンジニアのためのTwitter Bootstrapカスタマイズ例 まずは@machidaさんのTwitter Bootstrapのカスタマイズ例の話からでした。 このテーマはP4D参加のプログラマからしきりにリクエストの
iOSアプリ開発でアプリデザイン経験のない人にデザインの納品物をお願いするときのリスト - Qiita
このTipsはiOSアプリ開発時に納品物定義をする際のリストです。デザインをお願いする他社のデザイナさんがiOSアプリなどの経験がない場合、どのような納品形態として成果物を納めてもらうかということでよく話題になるのでその項目を残しています（同じ社内にいるメンバーの場合は適当にコミュニケーションをとることやググレカスで解決すると思いますが…）。 ですので、デザインに対する細かい指示というよりもそもそも納品物として何がいるんだっけ、どう指定しておけば面倒が増えないんだっけということを書いています。 前提としてディレクターが作ったワイヤーフレームもしくは画面遷移図があり、そのドキュメントを元に他社のデザイナさんとのやりとりがあった後に納品というフェイズがあることを想定しています。 以下がその本文 納品物定義 画面全体のデザインとしてのPSDファイル （納品物として管理するために必要となります。フ
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
UIデザインの参考になるサイトまとめ | ナナメウエblog
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
PopApp Magazine - Popular Magazine
About Us Welcome to PopApp.in, your trusted source for the latest news, information, and insights. We are dedicated to delivering high-quality content that informs, engages, and entertains our diverse readership. Our MissionAt PopApp.in, our mission is clear: to provide you with accurate, unbiased, and timely news that matters. We believe in the power of information to shape perspectives, drive co
MobileMozaic, a gallery of the very best designed iphone applications
Several parents, grandparents, and even teachers consider smartphones to be negatively affecting the education of students. However, they are not that bad if used wisely. Many apps are out in the market that can be worth the time spent for them. Choosing them can even simplify the life of students. Additionally, there are apps related to betting sites that can provide entertainment and potentially
API Design - Matt Gemmell
TOLL is available now! An action-thriller novel — book 2 in the KESTREL series. ★★★★★ — Amazon One of the development tasks I do most often is designing the API for a reusable component. The components are usually for iOS (though sometimes they’re for OS X), and are invariably GUI controls or views of some kind. I’ve designed literally dozens of component APIs over the years, including for clients
井上のきあさんによる「Photoshopでモノグラムシームレスパターンを作ってみる」Tips
複数の模様が並ぶパターンとしては ルイヴィ●ンやruss●tのモノグラムと言えば ピンと来る方も多いのではないでしょうか。 自分で作るとなると「どうすればいいんだ」状態に陥りがち。 続きを読む
iPadアプリ専門のハイクオリティなUIを収集しているダイナミックなギャラリーサイト・Landing Pad - かちびと.net
iPadアプリの素敵なインターフェースを専門に 収集しているギャラリーサイト・Landing Pad のご紹介。とってもダイナミックな方法で閲覧 出来るので見てるだけでも楽しいです。クオ リティ重視のようなのでまだ数が多いとは 言えませんが、こういうサイトは覚えておくと 後で困らないですよね。 iPadのアプリを制作しているデベロッパーさんはご覧になってみてはいかがですか。大きな画像なのでイメージもしやすそうです。 Tumblrで作ってるんですねー。１カラムでダイナミックに表示してくれています。どれもクオリティの高いものばかり。 ずらーっと並べてくれてます。 お盆休みだったり、まだ明けたばかりなのでかるーくインスピレーション向上させてみるのも良いのでは。 Landing Pad
参考にしたい！デザインに優れた33個のiPhoneアプリ
Tweet 最近、自分のセンスのなさをなんとかしたいため、デザインに関する話題をチェックしているのですが、iPhoneアプリのデザインに関する素晴らしい記事を発見したのでご紹介。 素晴らしいデザインをもったアプリ33個が紹介されています。 以下にそのアプリとそれに関する日本語記事をまとめました！ 1. Momento 多機能メモアプリ。キレイでみやすいインターフェイスですねー。 【参考】 Kuroobisan’s Memo: iPhoneライフスタイルアプリ『Momento』 2.Groups 電話帳アプリ。振り分けなど煩雑な操作もやりやすい設計になっているとか。 【参考】 Groups: 連絡先データの整理に使えるアプリ。連絡先データの削除においては神。350 3.Epicurious アメリカ版クックパッドのアプリ。優れたインターフェイスが特徴とか。 4.Be Happy Now 5.
iphone、AndroidアプリのUIデザイン集「40 Dribbble Shots for Mobile and UI App Design Inspiration」
iphone、AndroidアプリのUIデザイン集「40 Dribbble Shots for Mobile and UI App Design Inspiration」 スマートフォンが数多くリリースされ、アプリをデザイン制作を頼まれるそんなケースも増えてきていると思います。今日紹介するのはユニークなアプリのユーザーインターフェイスを集めたエントリー「40 Dribbble Shots for Mobile and UI App Design Inspiration」です。 iPhone App UI OS標準のものではなく、アイデアが盛り込まれたインターフェイスが多数まとめられています。今回はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Compass Menu Detail 立体感があり、作りこまれた感じがするインターフェイス。細かなところに気
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
٩(๑òωó๑)۶ on Twitter: "“デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo” http://t.co/5TkqyDRF"
Hiroaki Asai on Twitter: "ほーWP7向けのデザインテンプレートかぁ(フォントもセットなのね)落として入れておこう。 http://t.co/zyp0zogM"
エンジニアとデザイナーのコラボレーションの新しいカタチ