タグ

ブックマーク / vanidesign.blog.fc2.com (8)

  • 最近気になったウェブ制作に関するキーワードを振り返ってみる | バニデザノート

    最近気になったウェブサイト制作に関するキーワードを振り返ってみます。 キーワードが出現した時期は様々で、古いものもありますし、新しいものもあります。 現在、ウェブサイト制作に関して様々なデバイスの出現と、表現方法の変化でグラグラ揺れている印象です。今まで「セオリー」だったものも、崩れつつあります。 時代の波を良い感じに乗りこなしていきたいですね。 シャドウや、加工のほとんどのムダを取り除き、特定のカラースキームで構成するデザイン方法です。フラットデザインっぽくなるphotoshopのパレットなども配布されていたりします。 「フラットデザイン」という形式に関しては、海外の方はポジティブな印象の発言をしている方が多い気がします。 なぜかというと、これは考察なのですが、「着飾ったもの」よりも「シンプル」なものの方が、よりデザイン性が高く、表現が求められ、きちんとした目的と技術が必要なため、非常に

    最近気になったウェブ制作に関するキーワードを振り返ってみる | バニデザノート
  • ここ最近使ってみて便利だったWordpressプラグイン | バニデザノート

    ■ Contact Form 7 http://contactform7.com/?lang=ja メールフォームプラグイン。 普通にメールを送信できるだけではなく、 フォーム体に好きなclassをつけたり、返信メールのカスタマイズも自由自在。 最近capcha機能も見つけてテンション上がりました。 通常送信先メールへの宛先の他に、bccでメールのコピーを送ったり 送信完了ページも作れます。 Akismetでのスパム対策もできます。 ■ Duplicate Post http://wordpress.org/extend/plugins/duplicate-post/ Wordpressのページを複製するときに使います。 ページ送りの表示などで大量にページを投下してテストしたいときに便利です。 投稿リストからも、投稿ページからもコピーできるのもすばらしいです。 ■ カスタムフィールドをカ

    ここ最近使ってみて便利だったWordpressプラグイン | バニデザノート
  • フラットなフリーの日本向けソーシャルアイコンセットを作りました。 | バニデザノート

    関連記事 [update!] 基最低限、カスタマイズするだけの無料wordpressテンプレート「bee1.2」 2012/09/19 [配布]photoshopでドットのラインを描く方法&破線(点線)ブラシ 2011/11/21 ウェブデザインのワイヤーフレーム(モックアップ)作成で使える、シンプルなOmniGraffleステンシルを作りました。 2011/10/07 12×12pxのミニマムなソーシャルアイコンセットを作りました。 2011/09/24 カラーリングでフォルダを見分けたい方に。mac os x lion で使えるカラーフォルダアイコン 2011/09/21 基最低限だけ、あとはカスタマイズするだけのwordpressテンプレート「bee」 2011/08/22 フラットなフリーの日向けソーシャルアイコンセットを作りました。 2011/08/21 Comments:

    フラットなフリーの日本向けソーシャルアイコンセットを作りました。 | バニデザノート
  • これからウェブデザイナーになりたいと思っている人へのお手紙 | バニデザノート

    最近よくウェブデザイナーを目指しています!というプロフィールの twitterアカウントにフォローされることが多くなりました。 ウェブ系で働いている私としては、こうやって目指すひとが増えるのは とても嬉しいこと。 夢をみるだけでなく、会社に就職したり独立したりするまえに、 いまからできることを、書きだしてみました。 ●実際に働いているクリエイターさんのお話を聞く 当はこれが一番早いんです。 物のデザイナーさん、クリエイターさんに出会え、 物だと気がつけたら、その人についていったらいいとおもいます。 何に興味があって、何を買って、いまどんな行動をするのか。 その理由は何なのか。 行動から考えてみると、答えに近づきやすいでしょう。 ただ、ウェブデザイナーの場合、会社でおつとめしている方でも会社員よりの人 クリエイター寄りの人、アルバイト寄りのひと 楽天などで商品登録をしているひと、マーケ

    これからウェブデザイナーになりたいと思っている人へのお手紙 | バニデザノート
  • [配布]photoshopでドットのラインを描く方法&破線(点線)ブラシ | バニデザノート

    photoshopでドットのラインを描く方法をまとめてみます。 さいごに、配布ブラシもあります。 Fireworksなら、線を描いて、プロパティーから「ストロークを編集」とすると きれいなドットラインが描けるのですが photoshopではそういった機能がないんですね。 ドットラインを描くにはどうしたらいいのか探してみたら、みなさん色々な方法で やってましたので、その方法をご紹介。 ブラシを使う(1)- 間隔設定を使う ブラシ設定の「間隔」という設定を100%以上にすると破線になります。 %設定は、割り切れる数字とか、キレイな数字のほうがうまくいく気がします。 参考:http://www.dougamanual.com/blog/247/1430/e6849.html ブラシを使う(2)- 登録されたブラシ 小さい四角形をつくって、その中に一つの「-」を描き、「ブラシを定義」し 上記と同様

    [配布]photoshopでドットのラインを描く方法&破線(点線)ブラシ | バニデザノート
  • バニデザノート

    こんにちは、ばにです。 iPadだけでフォント作成、8回目です。 半角英字を終わりまでトレースします!! Read More

    バニデザノート
  • デザインのアクセントになりそうな無料手書きフォントを集めました | バニデザノート

    デザインのアクセントになりそうな手書きフォントを集めてみました。 無料DL可能となっておりますが、 ライセンスなどは各フォントの詳細を御覧ください。 手書きフォント アームド・レモン 漢字もOKな無料手書きフォントの中ではバランスがよいフォントだと思います。 Sweetly Broken Halo Handletter Dear Joe 5 Casual Jellyka CuttyCupcakes Jellyka - le Grand Saut Celine Dion Handwriting 手書きフォントは、こんなふうに使うとかわいいです。 today is ひとこと日記アプリのtoday is にて、アクセントに使われています。 viera RB3シリーズが導く私らしいリラックスタイム タイトルを手書き風に。 リラックス感が表現されています。 ベーシックなフォントで見慣れたあとは ゆる

    デザインのアクセントになりそうな無料手書きフォントを集めました | バニデザノート
  • ホワイトスペース使ったウェブデザインの考え方

    ウェブサイトの要素をレイアウトをする際に非常に重要な ホワイトスペースの考え方について、すこしまとめてみました。 私が人にウェブデザインを教えるときは、まずここから始めます。 boxとboxとの空間の開け方、要素と要素の「間」は、音楽でいうところの「リズム」だと考えています。 リズムが整っていれば、他の要素が主張したことが上手に伝わります。 リズムが整っていなければ、けんかしあい、不協和音=見づらい状況を作り出します。 自分なりのリズムを見つけていけば、それが個性・ジャンルになるのです。 どれが間違っている、というお話ではなく、どんな風に感じたかを大事にして読んでみてください。 とてもとてもシンプルな例を出してみます。 AとBを比較してみてください。 どちらのほうが読みやすいように感じますか? どんなふうに感じましたか? この例では、Bのほうに大きな余白を与えました。 4隅すべて同じぐらい

    ホワイトスペース使ったウェブデザインの考え方
  • 1