タグ

designに関するdlurのブックマーク (10)

  • デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17

    よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の1つです。 近似値 1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから使われ始めたと言われています。 パルテノン神殿、モナリザなど数多くの建築物や美術、アートなどに使用されています。 白銀比 白銀比には、以下の2つがあります。 1:1+√2 の第2貴金属比に含まれる白銀比 1:√2 の日で古くから使用されている白銀比(大和比) どちらも白銀比と呼ばれることが多いので、紛らわしいです。 白銀比(第2貴金属比) 近似値 1:2.414(約5:12) CSSで白銀比を見

    デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17
  • SIGIXD 2nd Googleにおけるインタラクションデザイン - 安藤日記

    安藤日記 安藤日記:デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン #川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Doodle creation" Judy Shade UX Researcher: "UX at

  • 非デザイナーのためのデザイン基本テクニック その1 | 07design.blog

    デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で

  • カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン

    相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」

    カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
  • http://homepage2.nifty.com/out-site/starlog.html

  • 捨てるのが楽しくなりそうなノート『Paper Ball』 - IDEA*IDEA ~ 百式管理人のライフハックブログ

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

    捨てるのが楽しくなりそうなノート『Paper Ball』 - IDEA*IDEA ~ 百式管理人のライフハックブログ
    dlur
    dlur 2009/11/30
    ほしい
  • 絵がうまくなるための11か条

    ■好きな絵を描く ・最初はモチベーションが大事 ・気になれる ・適当なものを描けば適当に終わる ・楽しい ■立体で描く ・輪郭線で物を見ない ・構造を理解する ・奥行きを意識する ■模写する ・模写は悪いことじゃない ・正しい線を手と頭に叩き込む ・自分の描きたい絵柄を見つけろ ■資料をかならず見る ・嘘をついてはいけない ・想像で描くのは自爆 ・嘘を描く場合でも、物を見ろ ■省略しない ・最後まで描く ・顔で終わらない ・バストアップで終わらない ・ディテールを略さない ・細い線で描く ■ライバルを作る ・相手よりも上手くなりたいと思え ・達成可能な目標地点を作る ・時には自惚れろ ■自分を追い込む ・絵を描かなきゃいけない状況を作る ・毎日○枚は描く、という目標を立てる ・頑張らなければ一生絵は下手糞だ ■自分より上手い人に見てもらう ・間違った部分を理解する ・正しい指摘をしてく

    絵がうまくなるための11か条
  • 高学歴文系&職歴なし&30歳でWebクリエイターになる方法(自習編) | 高橋文樹.com | 雑記

    この投稿は 15年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 さて、前回のエントリーで意図せずしてホッテントリ化してしまい、コメント欄で見苦しい論争なども交わしましたが、具体的に高学歴文系&職歴なし&30歳のあなたがWebクリエイターとして働くための方法をお教えします。 就職活動~就職後は次回に書くので、今回はとりあえず勉強法だけ教えます。これは就職に成功・失敗したの何如に関わらず続けてください。 原則 まず、Webクリエイターになるにあたってとっても困ることがあります。それは、何から手をつけていいのかよくわからないということです。 ある意味で、あなたは自由です。なにをやってもいいのです。が、自由が一番苦しいというのもまた真実ですよね。 なので、ここでは基的な原則を提示しますので、家畜のようにそれに従ってください。 まずは準備。 パソ

    高学歴文系&職歴なし&30歳でWebクリエイターになる方法(自習編) | 高橋文樹.com | 雑記
  • Photoshopを使ったハイクオリティなイラストレーションチュートリアルベスト30

    Photoshopを使ってイラストを作成するというのはかなりチャレンジングな行いであり、高度なテクニックを要するものですが、マスターすればかなりの戦力になり得ます。また、あるイラストの作り方を知っていれば、それを応用して別のイラストに応用することも可能なので、知っておいて損はありません。 というわけで、Photoshopをマスターする上で知っておけばいつかきっと役立つハイクオリティなイラストレーションチュートリアルベスト30は以下から。 30 Super-Juicy Photoshop Illustration Tutorials - PSDTUTS リアルなスピーカー iPod Touch クレジットカード グリーンアップル リアルなサッカーボール Google Chromeのロゴ スマートフォン クリスマスのカラーボール テープ クリスタルっぽいテントウムシ Mac OS Xっぽいスタ

    Photoshopを使ったハイクオリティなイラストレーションチュートリアルベスト30
  • ロゴデザインをする際の10のTips「Logo design tips」

    グラフィックデザインといっても様々なデザインがあり、紙面のデザインから、ロゴマーク、タイプなど様々ですが、今日紹介する「Logo design tips」はロゴのデザインについてのTipsを10個紹介するエントリーです。 ロゴマークはたまに作らせていただいたりしますので、せっかくなので、紹介しながら学んで行きたいと思います。簡単に下記に記しておきます。 詳しくは以下 1.Work with vectors ベクターデータで制作 2.Don’t use more than 2 fonts 2以上のフォントは使わない 3.Keep it readable 読める文字で作る。 4.Test sizes 様々な大きさで試す。 5.Adapt it for dark backgrounds 黒背景の場合もチェック。 6.Make sure it works well in black and whi

    ロゴデザインをする際の10のTips「Logo design tips」
  • 1