配色センス0でも大丈夫!?服、インテリア、デザイ... / Webサイト制作において、私なりの色選定の考え方... / 色と人の感覚とウェブデザインのはなし - バニデ...他...全10件
![1年目デザイナーに読ませたい配色の考え方を学べる記事](https://cdn-ak-scissors.b.st-hatena.com/image/square/643533c8e6560bfa8dae3b6d0d6c10e8e61e3671/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2012%2F4%2F23%2Fl_2012-4-23_99a33f473cc66f1495f77e6f273202fa.jpg)
Purple bud - EXPLORE - グリーンとパープルの組み合わせがよく見えると思ったことがあるでしょうか? グリーンとパープルを使う時は、あまり暗くならないようにします。ダークパープルやペイルグリーンは良さそうには見えません。 カラースキームとしてもっとも良いのはあまり暗くないパープルと暖色系のグリーンです。 ブルーとイエロー yellow strings [ad#ad-2] ブルーを使おうと考えた際、一緒にイエローを使おうと思うのは非常にまれです。しかし、この二つを使って作られるエフェクトに驚くでしょう。これらのカラーでウェブサイトをデザインするとき、もしブルーをメインに使うのであれば、もっとも良い見栄えになるでしょう。イエローを多く使うとより明るくなり、サイトがあまりにもブルーが多すぎる時に効果的です。 イエローを使う時は、単に明るいイエローではなく、際立っていない薄いイエ
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 You see brochure design examples everywhere, airports, metro stations, on the street corner or, targeted, in a doctor’s office, a hotel or a restaurant. A lot of
名刺交換をしていると変わったデザインの名刺を持っている人と会うことがありますが、もはや「変わっている」というレベルを全力で振り切ってしまっているデザインの名刺もいろいろと存在しています。ぜひこんな名刺を持っている人に会ってみたいものです。 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.ロール状
【フリー壁紙】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) 現代の民家は、デザイナーズが流行していることもあり、洋風の家が増えてきています。昔ながらの日本の家屋に見られる”和室”。たまには心落ち着く和の空間で、のんびりすごしてみたいと思いませんか? そんな中、「坂本乙造商店」が画期的な”和室”を発表しました。おどろきのその仕様とは・・ 詳細は以下 きれいで広くて
何度もお知らせしていたので、もうとっくに発売されていたかと思われそうですが、2011年11月4日、『朝活手帳2012』がやっと発売しました! 発売日に合わせ、自分が朝活手帳の内容を10分程度でプレゼンするとしたらどんな資料を作るかという観点から専用サイトにてパワーポイント資料を紙芝居形式で公開しています。 今回はこの、専用サイトに掲載した資料を使って、プロとアマチュアを分ける画像テクニックについてお伝えします。 どうせプレゼンするならかっこいい資料を作りたい、でも、そもそもどこをどうやったらかっこいいのかが分からない、という方は多いのではないでしょうか。 私が考える、プロとアマチュアの差は「統一感」です。 統一感を表すためのテクニックはたくさんありますが、簡単で効果が高い手法のひとつが、今回紹介する「プレゼンイメージに合う画像を背景として使う」ものです。 今回の資料では、表紙のバックに、「
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版(MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う)の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
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
デザイナーにとって、制作の際に欠かすことのできない"フォント"。よく使用するものの名前は覚えていても、無数に存在するフォントのすべてを暗記しておくことは、困難かもしれません。今回は、そんなフォントについてどれだけ知っているかを試すことができるサイト「Cheese or Font」を紹介したいと思います。 出題される問題に出てくる名前が「フォント名」か「チーズの名称」か?フォントとチーズの知識の腕試しができる、非常にユニークな発想のクイズサイトです。 詳しくは以下 英単語の名前がチーズ名かフォント名か、正解だと思う方をクリックすると、正しければ緑、不正解であれば赤のバーが表示されます。普段からフォント名を意識して覚えていないと、かなり難しいクイズだと思います。それぞれのフォントがどんなものなのか、画像などで確認できるともっとうれしいかも。 問題数も非常に豊富なので、デザインの仕事の息抜きなど
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる(したほうが便利)。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
2021年のハイライト映像 DCEXPOは INTER BEE IGNITIONと 融合します デジタルコンテンツEXPO(DCEXPO) は、先端技術とコンテンツをテーマにした国際イベントとしてコンテンツ産業のイノベーションを促進することに貢献してきました。 また、INTER BEE IGNITIONは、拡張するメディアとエンターテインメント世界における、先進映像表現技術の可能性を発信してきました。 本年よりINTER BEE IGNITION とDCEXPO は、『INTER BEE IGNITION × DCEXPO』として、コンテンツ産業とエンターテインメント産業の新たなビジネス創出の機会となることを目指し、表現分野における先端技術が社会やコミュニティの進展に寄与する試みなど、新しいメディアの未来と可能性を発信し、多様で先駆的な表現テクノロジーやコンテンツを体験する場として展開しま
Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。 背景を黒にするとよりオシャレな感じです。 関連エントリ 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」
私は DTP デザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを頼まれます...。そこでもっと勉強しなくちゃいけないなーと感じていたのが、タイポグラフィーについてのこと。今回はタイポグラフィーとそのレイアウトについて学んだことをまとめてみました。 以前グラフィックデザインをしている先輩に、グリッドシステムや揃えるだけがデザインじゃないし、もっとタイポグラフィーやレイアウトのことを勉強しなさいと言われました …。私は普段、Webデザインしかしていないんですけど、ときどきフライヤーやポスターのデザインを、ついで仕事のような形で頼まれる事があります …。 でも、Webデザインしかしてこなかった私は、紙媒体 – DTP デザインが苦手です …。ちょうど 1年くらい前にも同じような記事、Webデザイナー(私)によるDTPデザイン注意書き:Webと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く