配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com
タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ！ うぉ！すっげ！って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい！ 爽やかーーー キレイに見せたい！ 楽しい！ ﾁｮｰﾊｯﾋﾟ ｽｰﾊﾟｰﾊｯﾋﾟ ﾉ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお
BeerCamp at SXSW 2011
Get ready for battle. This year, the BeerCamp competition will take form in a flip cup tournament. Team registration is now complete. Each member of the winning team will walk away with a Flip HD Video Camera. Tournament will consist of 32 teams, single elimination. Matches are best-of-3 games. First team to win 2 games wins the match. Teams consist of five players. All teams must sign up with fiv
はてなブログのデザインの裏側 - Uedayworks::HatenaBlog
このエントリーはHatena::Staff Advent Calendar 2011のために書かれたものです はじめまして。最近は映画けいおんが生き甲斐のuedayです。 11月8日にクローズドベータリリースした「はてなブログ」のデザイン全般を担当しました。裏側というほどの話ができるか微妙ですが書いてみます。 開発チーム 開発チームは、エンジニアid:cho45／デザイナーid:ueday／ディレクションid:onishiです。デザインはクオリティチェックをid:tikedaに依頼して、適宜フィードバックを貰いながら進めていきました。このほかに制作スタッフが数名います。プロジェクトが立ち上がったのが8月1日だったので、開発期間は約3ヶ月です。アルファ版完成が異常に速く、開発2日目か3日目で記事投稿ができるようになり、5日目でアルファ版を社内リリース。choさんほんとすごいなって思いました
どこいく？×トリップアドバイザー
2021年3月19日 一面に広がるキレイなお花に思わずうっとり！春に訪れたい全国のカラフルな花畑10選
2011年のウェブデザインのトレンドを振り返る
2011年のウェブ制作の話題の中心はHTML5とCSS3でしょう。 ここではデザイン面を中心に、2011年に人気が高かったウェブデザインのトレンドを紹介します。 Popular Web Design Trends in 2011: Over 50 Inspiring Examples [ad#ad-2] 下記は各ポイントを意訳したものです。 Responsive Web Design 点線 サークル レトロスタイル リボン マジックナンバー『3』 少しめくれてるペーパー ボーダーレス グリッド 対角線 Responsive Web Design Responsive Web Designとは、ユーザーが利用する環境（スクリーンサイズなど）に合わせて最適なレイアウトを提供する方法です。デスクトップ用のブラウザだけでなく、iPhoneなどのスマートフォン、iPadなど、あらゆるデバイスに最適な
スマートフォンサイトを手書き分析 | KAYAC Director's Blog
スマートフォン スマートフォンサイトを手書き分析 こんにちは。企画部ディレクターのこんどうです。ふだんは恵比寿にいます。 今日は、いま流行りのスマートフォンサイトをみてみました。 スマートフォンサイトとは、その名の通り、スマートフォンに最適化されたサイトのこと。アプリではありませんよ！ ぼくは建築学科の出身なので、図面を書くかのようにサイトを手書きで分析してみました。 チェックしたのは以下の6つのサイトです。 ・BEAMS ・G-SHOCK ・H&M ・UNITED COLORS OF BENETTON ・UNO ・マツダレンタカー 選択に脈絡ないですし他意もないですが、 多くのサイトの中から特に気になる点があったサイトを中心に引っぱってきています。 主にトップ画面だけすくって見ていて、赤い線で囲まれているところはリンクになっています。 つらつらとメモを書いています
デザイナー向けプログラム部
プログラムに興味のあるデザイナー向けの楽しいハッカソンを企画します。 デザインを覚えたいプログラマーもぜひ！第一回、無事終了しました！ 参加してくださった方々、どうもありがとうございました。 お陰さまで無事に第一回を終えることができたので、ご報告致します。 少し写真なども取ればよかったのですが、スライド発表を聞きながらも質疑応答・議論に盛り上がり、いつの間にか時間が過ぎ去ってしまっていました。 発表が終わった後は、プログラマの手ほどきを受けながらrubyの環境構築を行う方がいらっしゃったり、sass(SCSS)できれいに効率良くCSSを書くコツを探ったり・・・と思い思いに普段聞けないこと、話せないことで盛り上がりました。 この時間帯は、デザイナー向けプログラム部というよりはむしろ hatsudai.rb が発足したかのようでした。 終了後の2次会においては、即興のプログラマ向けデザイン
ここまで教えてくれていいの？！WEB屋のテンションと底力を上げる厳選チュートリアル色々！ | バンクーバーのうぇぶ屋
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ！マジテンション上がるWA！』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介！ 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります！コードなら、Demoとか多いので見ながらついていけば理解できます！是非参考までに流し読みして見
ページ内に自動でビジュアル付きのスムーズスクロールを実装する軽量なjQueryプラグインSimple Elements Mapper - かちびと.net
珍しかったので衝動でメモ。ページ内 に自動でビジュアル付きのスクロール を実装してくれるjQueryプラグイン・ Simple Elements Mapperです。ビジュ アル化したい要素や色なども選択可能 でスクリプト自体も軽量です。 たまに見かけるスクロールですね。指定した要素をビジュアル化することで概ね何があるかを把握してもらえます。またライブラリ自体も3kbと軽量でシンプルです。 右側に見えているピンクの何かしらが、エレメントがビジュアル化されたページスクロールです。クリックでそのエレメントの場所にページ内スクロールする、というもの。 サンプル見たほうが早いですかね。 Sample(※デモページはShotokuを使用しています) サンプルでは、リンクと画像をビジュアル化しています。 最初は、ドラッグで動かせるのかな、とか勝手に思ってしまいました。動かせたほうが素敵かなー、やっぱり。
PCサイトスマホ変換「shutto（シュット）」サービス終了
shutto（シュット）サービス終了 PCサイトのスマホ変換サービス「shutto（シュット）」は、2024年3月31日をもってサービスを終了しました。 今まで多くのお客様にご愛顧いただきましたこと、スタッフ一同深くお礼申し上げます。 ※Webサイト多言語化ツール「shutto翻訳」は「shutto」とは別サービスとなります。 「shutto」はサービス終了となりますが、「shutto翻訳」には影響ございません。 「shutto翻訳」はこちら shutto終了後のスマートフォン変換にお困りの方 株式会社アイスリーデザイン様が提供している「flamingo」サービスでスマートフォン変換が可能です。 詳細は株式会社アイスリーデザイン様にご確認ください。 ■「flamingo」に関してのお問い合わせ先 株式会社アイスリーデザイン 営業本部： 担当 原島(はらしま)/野林（のばやし） お電話でのお
スマートフォン時代のWebサイト制作 第4回 画像の扱いと最適化 | デベロッパーセンター
スマートフォン向けサイトでは、デスクトップに及ばないスペックや接続回線を考慮し、いかに「軽い、表示が速い」サイトを作るかが重要です。一方で、様々な画面解像度の端末があり、高解像度の画面を搭載した端末向けには、そのサイズに対応した大きな画像が必要となる場合もあります。画像の扱いひとつをとっても、「パフォーマンス」と「見栄え」の双方を考慮しなければいけない難しさがあります。そこで今回は、前回のサンプルサイトを元に、画像関係の扱いや最適化などを解説します。 スマートフォンブラウザーはPNGに対応しています。デスクトップブラウザーでPNGを使う場合、Internet Explorer 6などの古いブラウザーに気をつける必要がありますが、スマートフォンブラウザーの場合は気にする必要がありません。 PNGは圧縮率が高く、容量を抑えることができます。また、アルファチャンネル（透過機能）を持つので、半透明
効果的なiPhoneアプリの見せ方をしているサイトのまとめ | minspi
作成日：2011年07月20日 作者：haiji505 カテゴリー：サイト目的や業種 説明：アプリのプロモーションにとって、アプリを紹介するためのサイトは欠かせないもの。効果的なアプリの見せ方をしているサイトをまとめてみました。
HTML5でサイトリニューアルしました。＋ 簡単な解説 - ORANGE AGE Weblog
2年半ぶりくらいに自分のポートフォリオサイト、ORANGE AGEをリニューアルしました。 リニューアルする時どきに自分のやってみたいことを思いっきり反映してきて、前回はフルFLASHサイト、そして今回のリニューアルではHTML5＋jQueryで制作してみました。（CSS3もちょこっとだけ使ったよ） 目次： 1. 今回やりたかったこと 2. HTML5でサイトを作る準備 3. 使用したその他のjQueryプラグイン 4. videoタグで再生する動画の準備 5. 制作実績の各背景、サイズは3000×1600px。ファイルサイズ圧縮が鍵。 6. まとめ＆今後やりたいこと 1. 今回やりたかったこと ・HTML5 ・videoタグで動画再生 ・シングルページの構成 ・視差効果（パララックス） なぜか上手く動かなかったので断念。再チャレンジ予定。 2. HTML5でサイトを作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Thismanslife: UX Design, Illustration, Photography
エンジニアとデザイナーのコラボレーションの新しいカタチ
Fontworks｜フォントワークス
Handkerchiefs for Tohoku Children
Xi（クロッシィ）
http://www.thekennedys.nl/
東京都交通局,都営バス,バス路線あれこれ
