タグ

designに関するsatrexのブックマーク (192)

  • 1年目デザイナーに読ませたい配色の考え方を学べる記事

    配色センス0でも大丈夫!?服、インテリア、デザイ... / Webサイト制作において、私なりの色選定の考え方... / 色と人の感覚とウェブデザインのはなし - バニデ...他...全10件

    1年目デザイナーに読ませたい配色の考え方を学べる記事
    satrex
    satrex 2012/04/24
    あとで読む。
  • 普段あまり使わないカラーの組み合わせを効果的に使う方法

    Purple bud - EXPLORE - グリーンとパープルの組み合わせがよく見えると思ったことがあるでしょうか? グリーンとパープルを使う時は、あまり暗くならないようにします。ダークパープルやペイルグリーンは良さそうには見えません。 カラースキームとしてもっとも良いのはあまり暗くないパープルと暖色系のグリーンです。 ブルーとイエロー yellow strings [ad#ad-2] ブルーを使おうと考えた際、一緒にイエローを使おうと思うのは非常にまれです。しかし、この二つを使って作られるエフェクトに驚くでしょう。これらのカラーでウェブサイトをデザインするとき、もしブルーをメインに使うのであれば、もっとも良い見栄えになるでしょう。イエローを多く使うとより明るくなり、サイトがあまりにもブルーが多すぎる時に効果的です。 イエローを使う時は、単に明るいイエローではなく、際立っていない薄いイエ

  • Check these 64 Modern Brochure Examples [Brochure Design Inspiration]

    Design Your Way is a brand owned by SBC Design Net SRL Str. Caminului 30, Bl D3, Sc A Bucharest, Romania Registration number RO32743054 But you’ll also find us on Blvd. Ion Mihalache 15-17 at Mindspace Victoriei contact@designyourway.net Designing a brochure isn’t just about arranging text and images on a page—it’s an art form. It’s the visual voice of a brand, speaking directly to potential clien

    Check these 64 Modern Brochure Examples [Brochure Design Inspiration]
    satrex
    satrex 2011/12/08
    印刷物のデザインたち。美しい。
  • 変わっているとかいうレベルを振り切っているデザインの名刺トップ29

    名刺交換をしていると変わったデザインの名刺を持っている人と会うことがありますが、もはや「変わっている」というレベルを全力で振り切ってしまっているデザインの名刺もいろいろと存在しています。ぜひこんな名刺を持っている人に会ってみたいものです。 The 30 best business cards of 2011 >> Blog of Francesco Mugnai 01.フリーランスカメラマンの名刺 02.アプリ開発者だとすぐにわかるiPhoneデザイン名刺 by richardjeaton 03.折りたたまれた名刺を展開すると人間の姿に 04.クレジットカードを半分にカットしたような、一瞬どきっとするデザイン 05.タイヤパッチとして使える名刺 06.裏がメッセージカードとして使える 07.おいしいからかじられてしまった名刺 by blush°° 08.おしゃれなカード風 09.ロール状

    変わっているとかいうレベルを振り切っているデザインの名刺トップ29
    satrex
    satrex 2011/12/08
    個人的にナンバーワンは、『ペーパークラフトの椅子になる名刺』。椅子としてもかわいくて、名前も見えるのがすごい。
  • 映画のロゴみたいな超カッコイイロゴが一瞬で作れるPhotoshopスタイル集:phpspot開発日誌

    Amazing Photoshop Styles | InspireFirst 映画のロゴみたいな超カッコイイロゴが一瞬で作れるPhotoshopスタイル集 あの映画で見たようなデラックスなロゴをクリック一回で作れちゃいます 有償ですがそんなに高くないので手間を考えると入れちゃってもよさそう。どれぐらい使うかにもよりますが・・・ 関連エントリ Photoshopのクリエイティブで効率化ができるレイヤースタイル20 iOSスタイルの壁紙を作成するPhotoshopチュートリアル ストライプ等、Photoshop用の400個のパターンまとめ

    satrex
    satrex 2011/11/24
    いかにもハリウッド映画にありそうで可笑しい。
  • 自分で組み立てられる3畳の和室「箱家」: DesignWorks Archive

    【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) 現代の民家は、デザイナーズが流行していることもあり、洋風の家が増えてきています。昔ながらの日の家屋に見られる”和室”。たまには心落ち着く和の空間で、のんびりすごしてみたいと思いませんか? そんな中、「坂乙造商店」が画期的な”和室”を発表しました。おどろきのその仕様とは・・ 詳細は以下 きれいで広くて

    自分で組み立てられる3畳の和室「箱家」: DesignWorks Archive
    satrex
    satrex 2011/11/22
    いいなぁコレ。ひろーいワンルームに組み込むかな。
  • プロっぽいプレゼン資料作成のための、「画像背景化」戦略 | シゴタノ!

    何度もお知らせしていたので、もうとっくに発売されていたかと思われそうですが、2011年11月4日、『朝活手帳2012』がやっと発売しました! 発売日に合わせ、自分が朝活手帳の内容を10分程度でプレゼンするとしたらどんな資料を作るかという観点から専用サイトにてパワーポイント資料を紙芝居形式で公開しています。 今回はこの、専用サイトに掲載した資料を使って、プロとアマチュアを分ける画像テクニックについてお伝えします。 どうせプレゼンするならかっこいい資料を作りたい、でも、そもそもどこをどうやったらかっこいいのかが分からない、という方は多いのではないでしょうか。 私が考える、プロとアマチュアの差は「統一感」です。 統一感を表すためのテクニックはたくさんありますが、簡単で効果が高い手法のひとつが、今回紹介する「プレゼンイメージに合う画像を背景として使う」ものです。 今回の資料では、表紙のバックに、「

  • 桜を木を使って創り上げた家「100-Year Treehouse」: DesignWorks Archive

    satrex
    satrex 2011/11/11
    すごいツリーハウス。一度生で見てみたい。
  • 大きな開口部の味方:門型フレーム: 住まいの水先案内人 ブログ

    satrex
    satrex 2011/11/08
    大きなスパンが飛ばせる。こういうやり方もあるのね。
  • [Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary

    これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版(MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う)の仕事をしていて、見出しは言うまでもなく、文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み

    [Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
    satrex
    satrex 2011/11/04
    文字の組み方、奥が深い。
  • RailsでのURL設計を考えてみる(5) Railsのリソースパターン - ぶろぐ。@はてな

    URL設計の前段階として、とても大切なのがリソース設計です。そのWebアプリ・Webサービスで何を提供するのかが決まる部分だからです。しかし、なかなかリソースという概念が定着していないようなので、Railsで採用されているパターン*1を例に挙げて紹介してみたいと思います。 今までのシリーズ記事と重なるところもありますが、まとめということで…。 リソースとは 簡単に言うと、「URLで示されるもの」です。URLというのが“Uniform Resource Locator”の略ですからね。 http://d.hatena.ne.jp/tkawa/20110819/p1 http://d.hatena.ne.jp/tkawa/20110819 最初のものは、前回書いたブログ記事『RailsでのURL設計を考えてみる(4) スラッシュと「持っている」関係』というリソースです。 その次は、『tkawa

    RailsでのURL設計を考えてみる(5) Railsのリソースパターン - ぶろぐ。@はてな
  • 日本の伝統色の名前を一覧できるサイト | ライフハッカー・ジャパン

    中央線の下りに乗って、山梨まで行ってしまいたい...。 などという思いが朝の通勤電車で渦巻くのも無理もない、そんな紅葉真っ盛りの季節。近所の樹木が色づくのを見るときに、ふと、「あの色の名前は何だろう?」との疑問が浮かんだことはありませんか? そんな疑問を解消してくれる、「日の伝統色の名前」を一覧できるサイトを日はご紹介しましょう。 ■「原色大辞典」内の「和色大辞典」 「和色大辞典」と題された無料の色辞典サイトには、日の伝統色がRGBカラーコード付きでまとめられています。その数456色。ディスプレイ上で表現できる色に限られるとはいえ、微妙な違いにも別の色の名前が付けられている、と知るだけでも感慨深いものがあります。 それぞれの色の名をクリックすると、個別ページへ。16進トリプレット、RGBカラーモデル、HSB(HSV)色空間、Lab色空間、そして印刷で用いるCMYKカラーモデルでの各色

    日本の伝統色の名前を一覧できるサイト | ライフハッカー・ジャパン
  • 30 Metal Business Cards You Should Check Today

    BETA138: Link Situs Slot Gacor Terbaru Gampang Menang Maxwin adalah akses resmi bagi pemain yang ingin menikmati permainan slot online dengan peluang menang tinggi dan maxwin besar. Melalui BETA138, pemain mendapatkan koleksi game slot terlengkap dengan RTP tinggi, sistem permainan adil, serta proses daftar dan login yang cepat. Didukung transaksi aman, bonus menarik, dan layanan 24 jam, BETA138 m

    30 Metal Business Cards You Should Check Today
    satrex
    satrex 2011/10/25
    音楽向けのWordPressテーマ。
  • チーズの名前か?フォント名か?を当てるゲームサイト「Cheese or Font」: DesignWorks Archive

    デザイナーにとって、制作の際に欠かすことのできない"フォント"。よく使用するものの名前は覚えていても、無数に存在するフォントのすべてを暗記しておくことは、困難かもしれません。今回は、そんなフォントについてどれだけ知っているかを試すことができるサイト「Cheese or Font」を紹介したいと思います。 出題される問題に出てくる名前が「フォント名」か「チーズの名称」か?フォントとチーズの知識の腕試しができる、非常にユニークな発想のクイズサイトです。 詳しくは以下 英単語の名前がチーズ名かフォント名か、正解だと思う方をクリックすると、正しければ緑、不正解であれば赤のバーが表示されます。普段からフォント名を意識して覚えていないと、かなり難しいクイズだと思います。それぞれのフォントがどんなものなのか、画像などで確認できるともっとうれしいかも。 問題数も非常に豊富なので、デザインの仕事の息抜きなど

    チーズの名前か?フォント名か?を当てるゲームサイト「Cheese or Font」: DesignWorks Archive
    satrex
    satrex 2011/10/24
    面白いけど、聞いた事ないフォント名/チーズ名ばっか。
  • マーカーなしのAR技術で企業広告を実現する『BlippAR』 | 100SHIKI

    昔からアイデアはあったが、スマートフォンも普及してきたし、これから増えそうだな、と思ったのでエントリー。 BlippARでは、マーカーなしのARを実現する技術を提供している。 これを使えば、あらかじめ登録された画像(商品画像とか)をもとにARで広告なんかを打てるというわけだ。雑誌をスマホのカメラで映せばモデルが踊り出す、とかですな。 QRコードみたいなコードを使わずに実現できるので、自由なデザインやレイアウトが可能になるというのがポイントだろう。 こうした技術が紙面広告やビルボードなんかに応用される未来もそう遠くなさそうですな。

    マーカーなしのAR技術で企業広告を実現する『BlippAR』 | 100SHIKI
    satrex
    satrex 2011/10/16
    これすごいなぁ。ちょっとでもなんか作ってみたい!まだスマホ持ってないけど。
  • Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳

    web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる(したほうが便利)。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも

    Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳
    satrex
    satrex 2011/10/10
    最近はWebサービスがたくさん出て、タイムリーにいろんな事ができる。玉石混淆だけど、ネタは持っておこう。
  • INTER BEE IGNITION × DCEXPO

    2021年のハイライト映像 DCEXPOは INTER BEE IGNITIONと 融合します デジタルコンテンツEXPO(DCEXPO) は、先端技術とコンテンツをテーマにした国際イベントとしてコンテンツ産業のイノベーションを促進することに貢献してきました。 また、INTER BEE IGNITIONは、拡張するメディアとエンターテインメント世界における、先進映像表現技術の可能性を発信してきました。 年よりINTER BEE IGNITION とDCEXPO は、『INTER BEE IGNITION × DCEXPO』として、コンテンツ産業とエンターテインメント産業の新たなビジネス創出の機会となることを目指し、表現分野における先端技術が社会やコミュニティの進展に寄与する試みなど、新しいメディアの未来と可能性を発信し、多様で先駆的な表現テクノロジーやコンテンツを体験する場として展開しま

    satrex
    satrex 2011/09/27
    是非とも行きたいな。何かを感じたい。いま飢えている。
  • 双葉ちゃんのエンジニア日誌 - @IT

    はじめまして! 双葉ちゃん(前編) 双葉ちゃんのエンジニア日誌(1) 身の回りで起きることをUMLモデルで「思考」してしまう、ちょっと変わった女の子。今日からエンジニアとしての第一歩を踏み出します

    satrex
    satrex 2011/09/08
    設計ツールを身近な事例で紹介している。マンガだし、人に説明するのに分かってもらいやすそう。
  • 並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌

    Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。 背景を黒にするとよりオシャレな感じです。 関連エントリ 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」

    satrex
    satrex 2011/09/05
    かっこいい。使ってみたい
  • Webデザイナー(私)によるタイポグラフィーレイアウトの注意書き

    私は DTP デザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを頼まれます...。そこでもっと勉強しなくちゃいけないなーと感じていたのが、タイポグラフィーについてのこと。今回はタイポグラフィーとそのレイアウトについて学んだことをまとめてみました。 以前グラフィックデザインをしている先輩に、グリッドシステムや揃えるだけがデザインじゃないし、もっとタイポグラフィーやレイアウトのことを勉強しなさいと言われました …。私は普段、Webデザインしかしていないんですけど、ときどきフライヤーやポスターのデザインを、ついで仕事のような形で頼まれる事があります …。 でも、Webデザインしかしてこなかった私は、紙媒体 – DTP デザインが苦手です …。ちょうど 1年くらい前にも同じような記事、Webデザイナー(私)によるDTPデザイン注意書き:Webと

    satrex
    satrex 2011/09/05
    珍しい、タイポグラフィーのデザインについての記事。貴重。