配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki IKEDA｜note
今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオワ、オワリです。さっそくこのPolipoliベッチュー、タタキケンサキエディションに色をつけていきます。 1. メインカラーを選ぼうまずはじめにメインとなるカラーを決めます。Polipoliのテーマカラーはピンクなのでブラウザの検索欄に「pink flat ui design」と打ち込みます。イメージに近い色が出てきたらスポイトで吸い取りましょう。著作権にはくれぐれも注意してください責任は負いません。 Polipoliに関しては最初からメインカラー
第一回 プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 - 納豆には卵を入れる派です。
どうも。 書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。 先日、第一回 プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck 反響の大きさに驚き！ありがとうございました。 実はあんまり発表自体は、盛り上がったという手応えがあまりなくて、一方で他の2人の発表が素晴らしすぎて、割としょんぼりしながら帰ってきたんですが、スライドをアップロードしたらあれよあれよという間に2000ブクマ超え…驚きました。読んで下さった皆様、ありがとうございました。何が原因だったのか考えてみたのですが、デザイン
様々なイケてるUIを参考にできるサイト | バシャログ。
足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。「Design patterns」ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 ui parade. ui parade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト
Oblong Industries
Our flagship Mezzanine series brings multi-share collaboration to rooms of all sizes
【インタビュー】「Google」から「Giftee」まで、ウェブデザインを手がけて10年。「いま、ここでしかできない」を形にすること | Startup Dating [スタートアップ・デイティング]
「Google」や「オロナイン」など有名企業と仕事をする一方で、「greenz.jp」や「Giftee」などスタートアップのウェブサイトも手がけるnD inc.のウェブデザイナー、中原寛法さんにインタビュー。 いまの仕事をするようになって今年で10年。ウェブデザインは自分にとって「遊び」に近いと話す中原さん。いつでもアイディアに溢れてる彼が、余暇時間でつくったユニークなサイトなどを交えてお伝えします。 画像工学科を経て、大学院ではユニバーサルデザインを学ぶ 昔からデザインへの関心が高く、中学3年生くらまで積み木が異常に好きだったと話す中原さん。同じ車の形を少し色やパーツを変えて何度もつくってみたり。そんな彼が、高校生のときに初めて知ったのがMacの存在。NHKの番組に出演していたグラフィックデザイナーの立花ハジメさんが、撮った写真を加工する方法を教えているのを見たことがきっかけ。何これ！と
2011年・印象に残ったWebデザインいろいろ - かちびと.net
さて、晦日ですね。いつまで更新するんだ って感じですけどｗ個人的には年末年始も クリスマスもあまり関係ない環境なので 普段と変わらず更新します。今日は、今年 印象に残ったWebデザインのサイトのまとめ です。 明日で今年最後ですねー。1年お疲れ様でした。因みに、このブログは僕個人のメモなので僕が仕事してるうちはアホみたいに更新されます。お暇でしたらご覧下さい。 さて、年末なので1年の間で印象に残ったデザインを残して来年と比較して見たいと思います。来年もこのサイトが存在するか分かりませんがｗ去年もやればよかったなぁと思いつつ。ほぼ海外サイトになります。国内のは見つけやすいと思いますので結構割愛。 適当にジャンル別にしてみました。解説は野暮だと思うのでしないようにしてます。1ジャンル3サイトに絞っています。ジャンル名は適当、順不同です。リンクは画像にしています。 Fullscreen 写真や動
はじめてHTML5でコーディングする時に注意したいアウトラインとかいろいろ
先日このブログを HTML5 で作り直しました。その時に思った、HTML5 でコーディングするときの基本的な注意書きです。なので、HTML5 をこれからやってみようかなーという人向けです。canvas、video、audio などには触れていません。もっと基本の文章構造、アウトラインについての記事です。また、後半は実際に HTML5 でコーディングする時の tips になってます。 先日このブログ – Webデザインレシピを、HTML5で作り直しました。HTML5 … クライアントさんのページでは、まだ一度も使ったことがないし、勉強のためのサンプルはいくつも作ってみたんですけど、実際に運営しているページで試したいなーと思い、思い切って HTML5 にしました。 とりあえず作ってはみたものの、まだまだ分からないことだらけ。これから HTML5 でコーディングをする時に、とても大事だなーと思っ
デザイン思考で考える７つのこつ「デザイン思考が世界を変える」
ナイキはアスリートの行動を分析してiPodで一億キロ以上のランニングを促進した。 appleはモバイル端末のありかたをデザインしてiPhoneで爆発的ヒットを生んだ。 顧客をより深く理解できれば、より効果的にニーズを満たすことができる。 これは、もっとも信頼できる長期的な収益源であり、持続可能な成長源である。 時代は大量生産からサービスや経験へと移行している。 求められているのはデザイン思考。 地図を塗り替える飛躍的な発想が求められている。 「デザイン思考が世界を変える」にその方法が書いてあったので自分なりに書いてみる。 「何を？」ではなく「なぜ？」を問う 問題の枠組みを見直し、制約を定め直し、よりイノベーティブな答えを切り開く機会となる。 車ができる前、人々は車ではなく速く走る馬が欲しかった。 何が欲しいのかではなく、なぜ欲しいのかに注目したから車は生まれた。 目を見開く 優秀なデザイン
ラフデザインをかっこよく、短時間で終わらせる方法 - ラクスルマガジン｜raksul [ラクスル]
ラクスルでは2024年6月末までの期間、チラシ・フライヤー商品で最大50%OFFとなる超大型セールを実施中です。夏の集客・販促活動の準備に向けて是非この機会にご活用ください！
![ラフデザインをかっこよく、短時間で終わらせる方法 - ラクスルマガジン｜raksul [ラクスル]](https://cdn-ak-scissors.b.st-hatena.com/image/square/de81ecf6672792c00084a663ae3a893450e76c1e/height=288;version=1;width=512/https%3A%2F%2Fraksul.com%2Fmagazine%2Fwp-content%2Fuploads%2F2020%2F12%2Flp_pos_sikucyouson.jpg)
Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308
無料ですさまじく使い勝手が良く参考にもなるPSDファイルのウェブデザインテンプレート10種類
ネット上には時として「こんな高品質なものが無料でよいのか？」というオドロキがありますが、まさに今回のPSDファイルはそれです。実際に使うのも良し、デザインの参考にするのも良し、非常に価値あるものとなっています。 ダウンロードは以下から。 10 Beautiful PSD Web Templates Of July 2010 For Free Download ◆その1：FreePSDTheme >> Free “Black Eve” PSD 以下の6種類で構成されています。 about.psd blog.psd contact.psd index.psd media.psd services.psd ◆その2：FreePSDTheme >> Free “PixelStudio” PSD themeforest_pixelstudio.psdが1つあり、その中に全部入っています。 ◆その3：
ドアにはって夢のある空間を演出する超絶リアルなステッカー
部屋の扉にはるだけで室内のイメージをがらりと変えることができるドイツ製のドア専用ステッカーを紹介します。廊下やバスルームなどの室内を模した、扉の先に本当にそんな部屋があるように見えるだまし絵のようなものから、豪邸気分が味わえるもの、非日常的で夢のあるモチーフなど、遊び心のあるさまざまなタイプがそろっています。 詳細は以下から。style-your-door.com - Home ステッカーは「ドア・ビルボード」と呼ばれ、耐水性で扉に跡を残さず張り替えができるようになっています。サイズは90×210cmで、ドアのサイズに合わせてカットしての使用も可能です。 「Hallway」は家が広く見えて実用的かもしれません。 「Emergency-Exit」は飛行機の非常脱出口。 扉が並んだ場所では組合せを考えるのも面白そうです。こちらは「Bathroom 4」と「Open window」の組合せ。 「
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web API Design - 開発者が愛するインターフェイスを作る
簡単にかっこいいロゴを作ることができる「GraphicSprings」｜男子ハック
レスポンシブWebデザインで作られた凄いWebサイト
so-network.biz
http://www.samurai-logic.com/inkscape2/cat18/cat19/
Loading...