タグ

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

  • 「けいふぉんと!」ダウンロード|すもももじ

    2023/3/20更新 (リンク修正) フリーフォント → ポップ体 → 殴り書きクレヨン ポップ体フォント「けいふぉんと!」のダウンロード PR (詳細) このフォントは何? 『けいおん!』のロゴタイプをヒントに作成したフォントです。 トレースなどはしていないため、「け」「い」「お」「ん」の4文字も実物とは異なりますがご了承ください。 動作環境 WindowsMac OS等の主要なOS フォントのデザインについて 軽快でリズミカルなフォントです ゴシック体のカテゴリーに入るデザインですが、ひらがな・カタカナは非常に軽快でリズミカルな形です。 手書きの骨格も持ち合わせていて、ポップ体とも言えるデザインのフォントです。 ポップ体は大きめのフトコロのフォントが多いですが、フォントはフトコロが小さめで、スマートな印象を与えます。 ロゴタイプや作品のイメージに近い「素直さ」や「実直さ」、「明る

    「けいふぉんと!」ダウンロード|すもももじ
  • 自由に使えるiPhone/iPad/Android/PC向け切り分けCSSテンプレート

    Fantastic website design in Flintshire, North Wales from Stuff and Nonsense iPhoneAndroid携帯といったスマートフォンからiPadのようなポータブルデバイス、従来のPCやノートPCにいたるまで、ネットワークにアクセスするデバイスの種類は多様化している。こうしたディスプレイサイズも解像度密度も異なるデバイスに対してそれぞれに適したデザインを提供するというのが、最近のWebデザイナの間で取り上げられることが多いトピックになっている。 こうしたトピックで取り上げられることが多いテクニックがCSS3のMedia Queryを使う方法だ。デバイスの解像度や密度の情報を取得して、それに応じて適用するCSSを切り替えるというもの。これまで多くのブログでこのテクニックが取り上げられ、サンプルコードとともに紹介されている

    自由に使えるiPhone/iPad/Android/PC向け切り分けCSSテンプレート
  • カテゴリー別配色アイデア100

    2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト! 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と

    カテゴリー別配色アイデア100
  • 名前とは裏腹に考え抜かれたユーザーインターフェースを持つタブレットのデザインコンセプト「弁当Box」

    iPadに続き、メーカー各社から次々と新しいタブレットが発売されている昨今ですが、新たなタブレットのデザインコンセプトとして素晴らしいアイデアが公開されていました。その名も「弁当Box」。 弁当箱の名の通り、弁当Boxの中にはさまざまなデバイスが収納されており、シチュエーションに合わせてこれらを組み合わせて使ったり、取り外して個別に使用したりすることが可能。名前に似合わず考え抜かれたデザインになっています。 弁当Boxの詳しい内容は以下から。Bento Laptop Tablet Hybrid by René Woo-Ram Lee » Yanko Design これが弁当Boxの全体象。 お弁当箱の中身は、15.4インチ、16:10 OLCDの「弁当Book」、11インチ、21:9 OLCDの「弁当Pad」、1TB SSDの「弁当Pod」、4インチ、16:9 OLCDの「弁当Phone」

    名前とは裏腹に考え抜かれたユーザーインターフェースを持つタブレットのデザインコンセプト「弁当Box」
  • シンプルライフのコツ [シンプルライフ] All About

  • "design"と笑い男 - Keep Crazy;shi3zの日記

  • 配色パターンからWebデザインを考える

    2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト! まずは色彩の三属性について 色は彩度・明度・色相の三属性(三要素とも呼ぶ)から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い=明るい色はさわやかで爽

    配色パターンからWebデザインを考える
  • dafont.com

    88,031 fonts of which: 35,047 with accents 45,800 with the Euro symbol How to install a font  (details in the Help section) Extract the files you have downloaded, then:Windows 10/8/7/Vista: Right-click on the font files > "Install"Mac OS X: Double-click the font file > "Install font" button.  Other OS...

  • いまさら聞けないCSS/スタイルシート入門

    連載インデックス 「いまさら聞けないCSS/スタイルシート入門」 Webデザインにあると便利なCSSWeb制作初心者のための入門記事のまとめです。基礎的な文法/書き方から、IDやクラスなどのさまざまなセレクタ、プロパティ、デバッグツールの使い方、ボックスモデル、継承の基を豊富なサンプルコードとともに解説します。 ちょっとサイトをステキにするCSSの基 いまさら聞けないCSS/スタイルシート入門(1) Webデザインにあると便利なCSS。ちょっとサイトをステキにするためのスタイルシートです。基の基を学びませんか?

    いまさら聞けないCSS/スタイルシート入門
  • グラデーションを使ったデザインのやり方 - GIGAZINE

    Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか?」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ

    グラデーションを使ったデザインのやり方 - GIGAZINE
  • 1