タグ

WEBデザインとデザインに関するricopinxのブックマーク (7)

  • ずっと使える、デザインの基本まとめました。【2020年改訂版】

    「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。

    ずっと使える、デザインの基本まとめました。【2020年改訂版】
  • 現役デザイナーが教える、ロゴを5分以内に無料で作成するテクニック

    この記事を読み終わったとき、デザイナーを雇わずにおよそ5分ほどでロゴを作成できるようになります。Nike や Apple ほどのロゴは作成できませんが、プロジェクトを進めるのに十分なロゴは作成できるでしょう。 ではデザインをはじめる前に、Sketch または Figma、 Illustartor(どれも無料トライアルを提供しています。)などのプログラムからひとつをダウンロードしましょう。テキストとシェイプツールのみを利用するので、怖がることはありません。 準備はできましたか?今回はサンプル例として、ミレニアル世代を対象にダンスの動きやトリックを投稿するアプリ、Dancygram のロゴを参考に作成していきましょう。 ステップ1: クラシックフォントのひとつを選ぼう. 以下にリストアップしたフォントは、すでに試行錯誤を繰り返した信頼できるデザインばかりです。多くのデザイナーはショートカットと

    現役デザイナーが教える、ロゴを5分以内に無料で作成するテクニック
  • 現役Web制作スタッフが選ぶデザインの参考になるギャラリーサイトまとめ33選 | ページ 3 / 4 | 東京上野のWeb制作会社LIG

    こんにちは、Web制作会社「株式会社LIG」の代表取締役会長、ゴウです。 今回、LIGで働くWebデザイナーとディレクターにアンケートを取り、制作する際に普段参考にしているかっこいいサイトや、おしゃれなギャラリーサイトを集めてみました。 毎日仕事で使っている彼らのチョイスなので、かなり実践的で参考になる、かっこいい・おしゃれなサイトが集まったと思います。 全部で27個も集まったので、ジャンル別に分類もしました。それではいってみましょう! デザインの引き出しを増やすには? デザインの引き出しを増やすには、インプットのほかに、自分のアウトプットに対して誰かからフィードバックをもらうという方法もあります。周りに相談できる人がいなければ「スクールでの勉強」もおすすめです。 💡現役のプロからデザインを学べる「デジタルハリウッドSTUDIO by LIG」の詳細はこちらから ※このページは、2021

    現役Web制作スタッフが選ぶデザインの参考になるギャラリーサイトまとめ33選 | ページ 3 / 4 | 東京上野のWeb制作会社LIG
  • Webデザイナー向け配色ガイド!すぐに役立つカラーパレット50個まとめ

    Facebookのブランドカラーが青色なのは、マーク・ザッカーバーグが色盲だったから、という話を知っているでしょうか。 「青は私にとって、もっともリッチな色で、すべての色合いを識別することができる。」とザッカーバーグ氏は述べています。配色を決める作業は、まったく科学的には見えないかもしれませんが、配色に関してたくさんの研究やアイデアが用いられています。 商品に対する評価の90%以上は、色によって判断されていると Buffer では紹介されている通り、どんなデザインにおいても、いかに配色をじっくり検討するべきか分かります。特にウェブサイトでは、ユーザーが配色を気に入らなかった場合、あまり長くはサイトに滞在してくれないでしょう。 ウェブデザイン制作で配色の参考にしたい、さまざまなWebサイトから集められた、50種類の美しいカラーパレットを今回はまとめています。コピー&ペーストで利用できる、カラ

    Webデザイナー向け配色ガイド!すぐに役立つカラーパレット50個まとめ
  • DESIGN ARCHIVE vol.3|迷ったときにすぐに役立つ!配色デザインアイデア|haconiwa

    色の組み合わせがカンタンにできる!おすすめ配色パターン こんにちは。Keinaです。 デザインの基といえば、配色デザイン。 学生の頃に色彩論を勉強したことがあるんですが、 色について知れば知るほど、デザインするのが楽しくなりました。 日は、なんとなく色を選んでしまっている初心者さん、ついつい好きな色にかたよりがちの方のために、 迷ったときにすぐに役立つ!配色デザインアイデア3つをご紹介します。 01. 写真の配色から色を探してみよう 日常や旅で撮る写真には、必ずいい色が隠れていることが多いです。 撮った写真をPhotoshopで開き、ドキュメント内から好きな色を探して「スポイトツール」で直接クリックするだけで色が抽出できます。自分のパレットに思い出の色をプラスするのも楽しいものです。 春色を選びたいとき 春に咲く「花」の写真を使って色を選んでみましょう。 ( 権現堂桜堤の桜 #f0d7

    DESIGN ARCHIVE vol.3|迷ったときにすぐに役立つ!配色デザインアイデア|haconiwa
  • 卒園アルバム専門メーカー KidsDon!(キッズドン)

    キッズドン!の卒園アルバムには、 初めからデザイナーによる原稿制作がセットされています。 ページごとに選んだ写真を送るだけで、オリジナルアルバムが完成します。 思わず歓声があがる個別表紙、ぼくだけわたしだけの個人ページ、 写真を補正し装飾を加えレイアウトする文ページなど… それらを組み合わせ、いくつになっても手にとり開きたくなるアルバムを作り上げます。 あなたにかわって卒アル制作のすべてをおまかせいただく。 それがキッズドン!の強みです。

    卒園アルバム専門メーカー KidsDon!(キッズドン)
    ricopinx
    ricopinx 2013/06/12
    イラストがほんとうに可愛い!
  • 味気ないデザインを一新!使いやすい検索ボックスを作る6つの方法

    2017年6月29日 Webデザイン, ユーザビリティ ついついデザインはあとまわしになりがちな検索ボックス。少し手を加えるだけで素敵なデザインに!またユーザビリティについてもちょっとした工夫でもっと使いやすくなります。ユーザビリティ向上のためのコツとデザインの素敵な検索ボックスを紹介します! ↑私が10年以上利用している会計ソフト! 検索ボックスをもっと使いやすくする 1. 誰が見てもすぐ見つかる場所に ヘッダーやサイドバーの一番上など、ページを開いたときにすぐ見つかる場所に設置すると見つけやすいです。特に意図のない場合はコンテンツに混ぜたりフッターに設置するのは避けた方がよさそうです。 2. テキストボックスの背景色 デフォルトのテキストボックスの色が白のため、背景色はつけず白にしておいたほうがユーザーにとっては見つけやすいです。背景が白の場合はボーダーに線を入れたり、目立ように違う背

    味気ないデザインを一新!使いやすい検索ボックスを作る6つの方法
    ricopinx
    ricopinx 2011/12/18
    味気ないデザインを一新!使いやすい検索ボックスを作る6つの方法
  • 1