少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
第一回 プログラマ向けデザイン勉強会 (2012/10/27 14:00〜)
2. 少ない手間とスキルで「それなり」に見せる、お手軽定番デザインテクニック（仮） by @ken_c_lo
4Gamer.net ― 【島国大和】「ゲームをするのが面倒くさい」について考えてみる
【島国大和】「ゲームをするのが面倒くさい」について考えてみる ライター：島国大和 島国大和 / 不景気の波にもがく，正体はそっとしておいて欲しいゲーム開発者 島国大和のド畜生 出張所ブログ：http://dochikushow.blog3.fc2.com/ お久しぶりの島国大和です。 最近，買ったゲームを積むようになりました。パッケージを開けなかったり，ダウンロードしても解凍しなくなりました。インストールしてません。人間，歳をとると何かと忙しくって，ゲームに時間をかけてられないんですよ。それでもやりたいから買っちゃう。でもやれない。 そんなおっさんの話はさておき，今回は「ゲームをするのが面倒くさい」ことに焦点を当てた話をしてみたいと思います。 「ゲームをするのが面倒くさい」 そもそもゲームとは「暇つぶし」なので。人間，暇つぶしすら面倒くさくなったら，もう何もできないというか，じゃあもうずっ
iOSで吹き出しを描こう - Qiita
完成品はこんな感じ メッセージアプリとかでよくあるやつなんだけど、画像でもいいんだけどセリフの長さによってサイズ変えたりしたいから、描いたほうが楽だなってことで簡単なんで描いちゃいましょう。 コードは主要部分はこんな感じ //描画するぜ！ - (void)drawRect:(CGRect)rect { CGContextRef context = UIGraphicsGetCurrentContext(); CGContextBubblePath(context, CGRectMake(60.5, 40.5, 170, 70)); CGContextStrokePath(context); } //角度→ラジアン変換 #if !defined(RADIANS) #define RADIANS(D) (D * M_PI / 180) #endif //吹き出しを描く void CGConte
Design Tip: Never Use Black by Ian Storm Taylor
One of the most important color tricks I’ve ever learned was to avoid using the color black in my work. Mrs. Zamula, my childhood art teacher, first warned me about black when I was in middle school. And I heard the same again multiple times at RISD. It sounds weird at first, but it’s good advice. Problem is, we see dark things and assume they are black things. When, in reality, it’s very hard to
クックパッド流UIの作り方 - takeshi nagayama's blog
なんか突然東京行きたくなったので、ひょひょいと行ってきた。 たまたま立ち寄ったクックパッドっていう会社でクックパッド流UIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSass 池田さん / サービスデザイン部 Sass / Haml (エンジニア・デザイナー問わずに) Github デザイナーもpull req 一つのサービスを複数チームで開発 各デバイスで速いサイクルでの開発 Sassとは → ぐぐれ 全体のデザインを束ねる → デザインガイドライン ガイドライン Sassで統一的なものを提供する 画像を使わずにCSSでデザインするメリット mixinをつかって統一できる 画像編集がいらない プロパティの変更によってデザインに幅をもたせる事ができる mixinの中身は応用がきくような仕組みにしておく 検証を
viewportの動作検証（iPhoneのみ）
描写のプロセス initial-scaleを指定した場合 初期値補充：viewport width = 0（viewport height = 0）（それぞれ指定がない場合） 表示域を算出：表示域 = ウィンドウサイズ / initial-scale ドキュメントサイズ決定：表示域・コンテンツサイズ・viewportの中で最大の値 描写：決定したドキュメントサイズとinitial-scaleで描写 initial-scaleを指定しない場合 初期値補充：viewport width = 980px, viewport height = 1091px（それぞれ指定がない場合） ドキュメントサイズ決定：コンテンツとviewportで大きい方の値 倍率算出：ドキュメントがウィンドウ内にぴったり収まるようにinitial-scaleを計算（縦と横で大きい方のinitial-scaleを適用） 描写
Wantedly 航海日誌 — 素人デザインのWantedlyが、一流デザイナーの手によって生まれ変わるまで
今日の航海日誌は仲がお送りします。 本日、Wantedlyが新デザインによって生まれ変わりました。それまでのプロセスを振り返ってみたいと思います。まだ名は明かせないのですが、めちゃくちゃ優秀なデザイナーがWantedlyに参画してくれました。暫定的に、T君と呼びます。 そもそもWantedlyのデザインの何が問題だったのか？ひとことでいうと、全体的に「筋が通っていなかった」というのが問題でした。旧デザインは、私が、「なんとなく、いいと思うから」という理由で、全体の整合性もとれないままにどんどん積み上げていったものでした。だから、ページごとにデザインの一貫性がなかったり、ところどころおかしいところも満載。 そこで、いつもチーム内では「プロのしっかりしたデザイナーにチームに入って貰いたい」という声がありました。そんなときに、CTO@kawasyの紹介でやってきたのがT君。 デザイナーT君の参画
米Twitter本社が悪名高いテンダーロインに移転した理由 〜新社屋 潜入レポ〜 - 週刊アスキー
Twitterサービスが誕生したのは2006年6月。2007年には最初のオフィスをサンフランシスコ市内に構える形で本格的にスタートし、その後、サービスの拡大と従業員の増加とともに拠点を移し、今年6月、現在の新オフィスへと移転した。今回、新オフィスを訪問して取材する機会を得たので、写真ツアーの形で紹介していこう。 ■新社屋は“治安が悪い”とされる地域の築75年ビル Twitterは現在までに何度か本社を移転しているものの、実はサンフランシスコからは一度も出たことがない。これまではSOMA（ソーマ）と呼ばれる市内の振興開発エリアを中心に移転していたが、新社屋はテンダーロインと呼ばれる、市内でも最も治安の悪いエリアに位置する。すぐ側には壮麗な建築で知られる市庁舎（Civic Center）やオペラハウス、国連ビルがあるなど市の中心部でもあるのだが……。周辺には多くのホームレスが路上で寝泊まりする
デザイナーを目指す前に知っておいてほしいこと: 【対談】上杉周作 x Brandon K. Hill – デザインの裏側 デザイン会社 ビートラックス: ブログ
日本のバックグラウンドを持ちながらアメリカでデザイナーとして生きる二人がデザインについて語ったら—？ 上杉周作(@chibicode)、小学校まで日本で育ち、その後アメリカへ。エンジニアとしてApple、facebookでインターンをした後、その肩書きを捨て実名Q&AサイトQuoraでプロダクトデザイナーに。エンジニア／デザイナーというバックグラウンドを持つ彼と、同じく高校卒業まで日本で育ち渡米、デザイナーであると同時にbtrax CEO、Brandon K Hill(@BrandonKHill)の対談から考える、「デザイン」そして「デザイナー」の役割とは。 対談日: 2012年5月4日 対談場所: btraxオフィス (サンフランシスコ市内) インタビュアー: 日比谷すみれ 日本とアメリカのプロダクトやデザインの違い教育—答えを求めるのか、何を作り出すのかデザイナーとは一体？デザインと向
Status - Cultured Code
Adjustable Text Size Things 3.18 introduced adjustable text size on all devices, including support for the system’s Dynamic Type setting on iPhone and iPad. Read the blog post. Fall Releases Things 3.19 brought full compatibility with macOS 14 Sonoma, iPadOS 17, iOS 17, and watchOS 10. New features included interactive widgets, desktop widgets for Mac, widgets for StandBy and Night Mode, Lock Scre
【ちょい保存版】ヒートマップ分析、H&Mの水着広告の男女差など9選 | PRFREAK
広告は本当のところ見られたのか、そしてドコに注目が集まったのか、知る必要があります。 ヒートマップとアイ・トラッキングの技術が向上した結果、人々の視線の行方を正確に知ることができるようになりました。広告会社には不都合な真実かもしれませんが、Business Insiderの「16 Heatmaps That Reveal Exactly Where People Look」という記事を厳選して紹介します。 1. H&Mの水着広告 男性は水着姿の女性モデルを凝視します。一方、女性はモデル周辺の広告メッセージにも視線を十分に配ります。 2. 美女のヌードと靴 男性は全然、靴に興味を示していません。靴しか身につけてないのに・・・ 3. 視線で誘導 女性モデルの視線が商品に向いてると、読者の視線も商品へ誘導されます。 4. バナーブラインドネス サイト閲覧者は当然、記事を読みますし、バナー広告をほ
Webサービスを開発する際は開発初期段階から見た目に力を入れるべき - kur.jp
さぁ、新しいWebサービス作るぞーってなったとき、どこから作り始めるべきか。別にWebサービスに限らず、iPhoneアプリだとか、Windowsアプリでもたいして違いは無いとは思うんだけど、新しい何かを作り始めるとき、どこから作り始めるべきか。 技術的には、中身から作り始めることも出来るし、見た目から作り始めることも出来ます。中身のロジックがちゃんと動いていない段階であっても見た目に関する部分を作ることは出来るし、見た目に関する部分ができていなくても中身のロジック部分を作ることは出来ます。だから、どちらから作り始めるかについて、これまではあまり意識したことが無かったのですが、先日、こんなことがありました。 先日関わったプロジェクトでの事例 とあるスタートアップ企業と新しいWebアプリケーションを開発を行っていた時のこと。このプロジェクトでは、リポジトリにコミットするとデバッグ用のWebサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ノンデザイナーのための配色理論
【UI設計】シンプルに「見せる」、3つの簡単なテクニック [ITL]
ジョン・マエダの考える「デザインを超えるもの」
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
今からはじめるデザインとか入門
Seneste nyt
Google Bootstrap has moved!