タグ

デザインに関するnidieuのブックマーク (28)

  • 忙しいデザイナーのための、ランディングページのデザイントレンドと事例集サイトまとめ - Workship MAGAZINE(ワークシップマガジン)

    Webマーケティングをするなら、流行りのランディングページ(LP)デザインは常にチェックしておきたいものですよね。 今回は、近年のランディングページデザインによく見られるデザインパターンを3つ、実際のWebサイトを事例とともにご紹介します。 新たに制作する場合も、既存のランディングページを改善する場合も、この記事に登場する事例やデザイントレンドを参考にしてみてください。 2017年のLPデザイン3大トレンド 1. 斜めのレイアウト 画像が斜めに配置されているランディングページデザイン。マテリアルデザインの考え方が用いられていて、奥行きや躍動感を感じられるのが特徴です。垢抜けない印象のランディングページを改善する際に、ぜひ応用してほしいデザイントレンドです。 何より強く印象付けられるのが、斜めレイアウトの良いところ。直線のラインは視線を誘導させます。読ませたい文字に向かって線を引くようにする

    忙しいデザイナーのための、ランディングページのデザイントレンドと事例集サイトまとめ - Workship MAGAZINE(ワークシップマガジン)
  • 【 バナーデザイン・アーカイブ ★★★ 】 - 様々なバナーのデザインを一覧でチェック!

    バナーデザインをまとめたサイトです。様々なバナーのデザインをサイズや色から選んで一覧でチェック!バナー作成の参考にご活用ください!

  • デザイナーからデザインの基礎や原則を学べるエントリーまとめ(webデザイナ向け)

    webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTMLCSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでもべて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること

    デザイナーからデザインの基礎や原則を学べるエントリーまとめ(webデザイナ向け)
  • おすすめのデザイン本「ロゴロジー2 ー世界の最新ロゴ・デザイン集ー」: 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) 毎回、注目のデザイン書籍や写真集、おすすめのを紹介します。 今回は、「ロゴロジー2ー世界の最新ロゴ・デザイン集ー」です。 世界の最新のロゴデザインのクリエイティブを知ることができる、実制作やプロモーション戦略にも応用できる一冊となっています。 詳しくは以下 ロゴには、企業やブランドの想い、考え方、アイ

    おすすめのデザイン本「ロゴロジー2 ー世界の最新ロゴ・デザイン集ー」: DesignWorks Archive
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • デザインの基礎力をワンランクアップしたい私(Webデザイナー)の注意書き

    Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち

  • おすすめのデザイン本「LACE STYLES ~わくわくレース素材集」: 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) 毎回、注目のデザイン書籍や写真集、おすすめのを紹介します。 今回はおすすめのデザイン「LACE STYLES ~わくわくレース素材集」です。 以前Designworksでも紹介しました「おすすめのデザイン「FLOWERS ~仕事で使える、花と自然の素材集~」」と同じシリーズで、さまざまなレース素材

    おすすめのデザイン本「LACE STYLES ~わくわくレース素材集」: DesignWorks Archive
  • おすすめのデザイン本「FLOWERS ~仕事で使える、花と自然の素材集~」: 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) 毎回、注目のデザイン書籍や写真集、おすすめのを紹介します。 今回は「FLOWERS ~仕事で使える、花と自然の素材集~」です。 いろいろなデザインシーンで活用することができる花・自然をテーマにした素材を集めた素材集です。 詳しくは以下 デザインの現場で、活用頻度の高い花・自然の素材。ポイント使いだった

    おすすめのデザイン本「FLOWERS ~仕事で使える、花と自然の素材集~」: DesignWorks Archive
  • Wordmark

    Wordmark helps you choose fonts by quickly displaying your text with your fonts.

    Wordmark
  • はるぱか 【特設ページ】同人誌やイラストを美しく魅せるデザイン100の方法 増補改訂版

    このは、普段アナログやデジタルでイラストを描いている人が自分の絵の魅力をもっと引き出せるように、デザインについての基や実用的な応用をまとめたものです。絵の描き方や基的なソフトウェアの使い方の解説は他のに譲り、とにかくすぐ使えて、分かりやすく、実用性に富んだデザインとその方法を具体例をあげながら紹介しました。  昨今はSAIやGIMPなどの比較的安価なデジタル描画ツールも登場し、タブレットも手に入れやすい価格になってきました。WACOM社のintuos 4シリーズでは1g筆圧検知を搭載し、2048段階という繊細な描画まで表現できるようになり、デジタルでのイラスト制作はかなり快適になっています。  合わせてPixivやDeviantARTといったSNS(ソーシャルネットワーキングサイト)も登場し、絵を描く人にとって発表の場も交流の場も身近なものとなりました。  そんな絵を描くことを趣味

  • 14 Amazing Free Photoshop .psd Resource Sites | Speckyboy - Wordpress and Design

    In addition to creating your own web design from scratch, you can also download free pre-designed web design PSD templates for Photoshop. These templates are a great starting point for businesses or designers who are short on time or operating on a small budget. They’re also a fantastic opportunity for novice web designers to learn and understand new web design styles and techniques. Whether you’r

    14 Amazing Free Photoshop .psd Resource Sites | Speckyboy - Wordpress and Design
  • ピュアCSSで実装された吹き出しのデザイン例色々:phpspot開発日誌

    Pure CSS speech bubbles ? Nicolas Gallagher ピュアCSSで実装された吹き出しのデザイン例が色々と紹介されたエントリのご紹介です。 CSSだけでここまで出来ちゃうの?というサンプルが多数で、CSS3を使った複雑な吹き出しの例なども公開されていて一度見ておくとよいかも。 吹き出しだけでもこれだけ出来るので、CSS3が標準となった数年後のWEBデザインは大きく変わっているのかもしれませんね。 関連エントリ これは驚きの、CSSだけで作れる吹き出しボックス ナイスな吹き出しパーツを作るCSSと画像セット

  • 紙見本帳はここでもらえ! | デザインのひきだし・制作日記

    プロなら知っておきたいデザイン・印刷・紙・加工の実践情報誌『デザインのひきだし』の制作日記です。書いているのは編集・津田です。ご意見、ご感想などあれば、hikidashi@graphicsha.co.jpまで。 by design_hikidashi ……平日毎日更新とか公言しておきながら、このていたらく。すみません。今日から心を入れ替えて、毎日更新したいと思います。ちょっとしたことはtwitterでつぶやいてしまっているので、なかなか姿勢を正してブログを書くということに至らなくて……というのがさもしい言い訳です。 さて、『デザインのひきだし9』では紙の特集をしているわけですが、その記事中に「事務所に常備したい 紙見帳一覧」というページがあります。ここで白もの以外の紙で、今わりと入手しやすい紙見帳をご紹介したのですが、その中にはWebから申し込めばもらえるというものがけっこうあります。

    紙見本帳はここでもらえ! | デザインのひきだし・制作日記
  • デザイナーのためのカラーセオリー – creamu

    色が人に与える効果について知っておきたい。 そんなときにおすすめなのが、『Color Theory for Designers, Part 1: The Meaning of Color』。デザイナーのためのカラーセオリーです。 暖色、寒色、無彩色などの12色について、色が与える効果と、その色がうまく使われているWebサイトが紹介されています。 まとめとして、以下のように挙げられていますね。 赤 情熱、愛、怒り オレンジ エネルギー、幸福、活力 黄色 幸福、希望、偽り 緑 新しい始まり、豊富、自然 青 穏やかさ、責任、悲しみ 紫 創造性、貴さ、富 黒 神秘、エレガンス、悪 グレー 気難しさ、保守的、堅苦しい 白 純粋、清潔、美徳 茶色 自然、健康、信頼 黄褐色・ベージュ 保守的、敬虔、さえない クリーム色・アイボリー 穏やかさ、優美、潔白 色は視覚言語で、人にどういった影響を与えるかがわか

  • thinkofthe.com - thinkofthe リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • 残念なデザイン。: DESIGN IT! w/LOVE

    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 うーん。これはいま実感としてすごく感じているところ。 残念なデザイナは、往々にして表面だけの議論をしたがります。「この曲線が美しい」とか。うん、そんなのね、どーでもいいの。こういうヒトは誰かの真似をした"もっともらしい"表面を並び立てるだけ。"なんだか"格好いいけど、深みがない。そして、なによりも応用が利かないから、提案としてとても打たれ弱い。 なんだか格好いいけど、深みがないデザインって、当に残念だということを、いま個人的に身にしみて感じているところです。 上記のエントリーでは、「表面」に対して「構造」の重要性が述べられていますが、僕はその「構造」の部分を「意味」と言い換えたい。 意味を混乱させるデザインその物がもつ「意味」を表現できていない残念なデザインが多すぎる。い

    nidieu
    nidieu 2009/06/19
    大事
  • http://www.uniqlo.com/uniqlo1000/map/

  • mahna mahna factory

    factoryはファッションとインテリアの融合を目指して、mahna mahna グループがオープンしたインテリアのレンタルショップです。

  • Webデザイナーの方にお勧めのグリッド表示アプリケーション·Slammer MOONGIFT

    コンピュータで何かをデザインする際には、ピクセル単位で決められていく。まっすぐに並んでいるはずのものが左右にぶれていたり、意図した幅と異なっているともの凄く違和感を感じてしまうことがある。 格子を使ってデザインを補助 そのため、様々なグラフィックスアプリケーションではグリッド表示機能が実装されている。それをどのアプリケーションでも使えるようにするのがSlammerだ。 今回紹介するフリーウェアはSlammer、グリッド表示アプリケーションだ。 Slammerを起動すると縦に何もの線が表示される。これによってデザインに問題がないかをすぐにチェックできる。垂直線のみならず、水平線も簡単に設定できる。線の幅、線の太さも指定できる。 Webサイトのデザインでも 線の色や透明度も指定できるので、元のデザインに合わせてみやすい色を選べる。なおSlammerを前面に表示しているとその後ろにあるアプリケ

    Webデザイナーの方にお勧めのグリッド表示アプリケーション·Slammer MOONGIFT
  • 任意の画像をアスキーアートに変換してくれる『picascii』 | 100SHIKI

    よくあるツールではあるが、シンプルで使いやすかったのでご紹介。 picasciiは任意の写真をアスキーアートに変換してくれるツールだ。URLを指定してもいいし、ローカルPCからアップロードすることも可能だ。 画像をちょっと違った感じで見せたい、画像は使えないけれどテキストはOKというときに便利だろう。 またおもしろいのはカラーでアスキーアートをつくることもできる点。その場合、生成されるのはただのテキストではなくてHTMLになる。 一つ一つの文字に色指定をすることでカラー画像(?)を実現しているようだ。なかなかの出来映えなので是非試してみてもらいたい。

    任意の画像をアスキーアートに変換してくれる『picascii』 | 100SHIKI