こんにちは。デザイナーの白浜です。 今回はガーリーなデザイン制作のためにチェックしておきたい素材サイトやテクニックをご紹介したいと思います。 素材編 デザイン枠、飾り罫素材専門サイト「フレームデザイン」 http://frames-design.com/ かわいい飾り枠がいっぱい！　デザインにフレームを取り入れたいと思ったとき、とりあえず覗きに行ってしまいます。 pngとaiデータが揃っていてうれしいです。大変お世話になっています。 吹き出し素材専門サイト「フキダシデザイン」 http://fukidesign.com/ 当ブロクでも何度か紹介している定番サイト様ですが、ゆるふわなサイトには吹き出しがつきものですよね！　こちらもaiデータを配布されています。 ガーリー素材 | 無料フリーイラスト素材配布サイト http://girlysozai.com/ 可愛くてクオリティの高いイラスト素

プレゼン資料やブログ記事などを作成していて「ここにちょっとイラストがほしいなー」と思ったりしたときに重宝する、無料で商用利用可能なイラスト素材を配布しているサイトを集めてみました。 1. イラストAC イラストがすべて無料 「イラストAC」 2. ほらぱれっと 無料イラスト素材集ほらぱれっと / フリー＆商用可TOPページ 3. ピクト缶 商用利用可のベクターイラスト素材集「ピクト缶」 4. ガーリー素材 ガーリー素材 | 無料フリーイラスト素材配布サイト 5. ストックマテリアル 商用可能な無料(フリー)のイラスト素材ならストックマテリアル 6. 無料素材倶楽部 アイコン・イラストフリー素材画像-無料素材倶楽部 7. エムスタジオ 商用利用/加工利用可能な無料フリーイラストアイコン素材 -エムスタジオ 8. クリップアートファクトリー クリップアートファクトリー | 全部無料で使えるテン

脱力系フォントのまとめ 2006.10.27 Friday エロゲや同人で使えそうな脱力系フォントを集めてみました。主に OpenTypeまたはTrueType漢字も結構入ってるもの を中心に選んであります。他にもたくさんあると思いますが、とりあえず。なお、リンク先のサイトさんには他にも素敵なフォントがたくさんあります。 あくびん **萌萌可愛字體あくび印** もえたんで一世を風靡（？）した「あくびん」。その他にも多数の可愛い系フォントが揃ってます。 みかちゃん オリジナルフォント【みかちゃん】 おそらく最も有名な手書きフォント。 あくあフォント Teardrops in Aquablue これも有名。 S2G海フォント・S2G月フォント :::STUDIO twoG::: えれーな ロシア風素材とフォント☆コサック☆ ふい字 ふい字置き場 あずきフォント・うずらフォント あずきフォント

最初から入っている標準フォントだけでは、ブログの画像にキャプションを入れたいとき、WEBサイトのメリハリを付けたいとき、ロゴを作りたいときなど、かっこがつかない！そんなふうに思うことありますよね。 しかしフリーフォントって、あまりに種類がたくさんありすぎて、どれを使っていいのやら困ってしまいがち。欧文フォントは種類も豊富だけれど、日本語対応(漢字も対応)フォントを探し出すのはひと苦労。 そこで！今回は使うだけでサイトや印刷物がかっこよく仕上がる、そんな日本語フリーフォントをご紹介いたします。 誰でも自由に無料ダウンロード！商用利用も可日本語対応上記を満たすフォントの中でも、特にクオリティが高く、様々なシーンで使用できそうなフォントを中心に集めました。（参考：サイト改善 10のポイント） 誰でも上手いキャッチコピーが作れる！ノウハウ記事17選とテクニック集 1.　 スタイリッシュにまとめたい

こんにちは、デザイナーの小林です。 昨日は私が住んでいる地域で光化学スモッグ注意報が発令されました。 もう10年以上同じ地域に住んでいますが、おそらく初めての経験で、この先の真夏がどうなるか心配です…。 さて、webデザインギャラリーなどで紹介されているwebサイトを見ていて、ふと心惹かれるものがありました。それは美しいグラデーションです。 グラデーションと言っても幅がありすぎるのですが、中でも複数の色（色相）を組み合わせたグラデーションが非常に美しく感じられました。 なかなか説明しづらいので、実際にいくつかご紹介させて頂きます。 美しいグラデーションを使ったwebサイト https://www.circle.com/ メインビジュアルに限って言うと、背景の写真もとても綺麗なのですが、このタイトルとボタンの、水色→紫のグラデーションが美しいです。あたかも背景写真の陽の光が届いているかのよう

話し合い Webサイトの制作に向けて、まず最初にする事は、依頼主についての情報を収集することです。依頼主と話し合い、どんなサイトにしたいのか、方向性を決めてゆきます。 依頼主との話し合いでは、以下の2点について、しっかりと決めておく事が大切です。 サイトにどんな情報を入れるか、どんな人に向けて発信するか、サイトをどう活用していきたいかなど、サイトを立ち上げる目的は何かを確かめる。 どんな雰囲気のサイトにしたいか、理想とするサイトや、希望・要望を聞きながら、どういうデザインにするかイメージを固める。 また、同業他社のサイトを片っ端から見まくる事。今回の場合、喫茶店やパン屋さん、ケーキ屋さんなんかが参考になるかもですね。他のサイトではどんなコンテンツがあるか、どんな見せ方をしてるかとか、この業種だとどんな色遣いのサイトが多いのかとか、たくさんみる事で、刺激になったり、イメージが掴めたりします。

汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。

TOP  >  Design  >  アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」 一口にアイコンといっても、フラットタイプや立体感のあるリアルなタイプなど、いろいろなテイストのものが存在していますが、今回紹介するのは、アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」です。 （Dribbble – Free Icon Set by Catalin Fertu） ラインで描き出されたアイコンセット、いろいろな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Dribbble – ilepixeli icons by Piotr Makarewicz

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

ときには素っ気ないほどシンプルなアップル社のデザインですが、きちんと調べるとありとあらゆるところに最も安定し美しい比率とされる「黄金比」1:1.618(約5:8)が現われます。これは製品だけではなくWebページやロゴも同様。アップルの魅力的なデザインについての理由が少しだけ理解できたような気がします。 アップルのロゴ 左側の図は、直径の比ががフィボナッチ数になっている円を集めた「黄金長方形」。右の図は、これとアップルのロゴの曲線の直径を比較したもの。あらゆる箇所のサイズが緻密に計算されているのが分かります。 iCloudのロゴ 円の直径やロゴの縦横比が黄金比（1:1.618）になっています。 アップルのウェブページ ウェブページにも黄金長方形が出現しています Macbook Airの内部 ちょっと無理やりな感じもしますが、Macbook Airの内部です。 iPhone4 スクリーンの分割

第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。［2014-04-19］ ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。

code is design Hello,world I am a Web designer that is not known to anyone MY IMAGE FRUITS IS “BANANA” My image seems to bananas.Web site is there are a lot of time great.However, jokes such as Hollywood star no matter how in a pinch,It softens the place of air.Because I want to together the work I and such a person,I try to myself to do so. 私のイメージフルーツはバナナだそうです。なんのことだかわかりません。 ですが、おそらく陽気でごきげんな雰囲気を持

作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana