デザインは基本が大切！ひとつ一つをしっかり見直しておきたい20のデザインテクニック
文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ
PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕の主な業務は、Webや紙などのさまざまなものをデザインしていくことなのですが、最近は今まで以上にマルチな動きを求められるようになりました。 何事もそうですが、自分自身が次のステップにいくためには、今までと同じ時間の使い方をしていたらいけません。 つまりは「効率化」することが必須になるわけです。 そこで今回は、アドビさんにお聞きした「WebデザイナーがDreamweaverのExtract機能を使って、PSDファイルから効率よくデザインする方法」をご紹介させていただきます。 そもそもExtract機能とは？ Dreamweaverは聞いたことあるけど、Extract機能ってなんぞ？！と、Extract機能を初めて
背景画像のフリー素材サイト10選！デザインで悩んだときに役立ちます | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
1. Subtle Patternsオススメ https://www.toptal.com/designers/subtlepatterns/ 一番よく利用してます。商用利用可の、シンプルで使いやすいシームレスの画像がたくさんあります。 2. Background Labs http://backgroundlabs.com/ 色・タグから検索できます。花柄やイラストがはいった、カラフルで派手なパターンの画像やイラストが多いです。 3. pattern cooler https://www.patterncooler.com/ 選んだデザインの柄の大きさや色をカスタマイズできます。派手派手なデザインがほとんどなので使いどころは難しかもしれません。 4. TextureKing https://www.textureking.com/ テクスチャ画像をお探しのときはこちら。木目・コンクリート
もう悩まない！コピペで簡単CSSボタンデザインと便利なジェネレータ8選
更新日: 2017年3月9日公開日: 2015年1月9日もう悩まない！コピペで簡単CSSボタンデザインと便利なジェネレータ8選 "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは？（受講生体験記） 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成長の記録 ホームページ制作に欠かせない素材、ボタン。少し前までは画像を使って実装する事も多かったこのボタンですが、スマートフォン等の普及に伴い最近はCSSで実装するのが主流になってきましたね。しかし、シンプルだからこそデザインが難しいのがボタンだったりします。そこで今回は、コピペで使える
30 Stunning Web UI Form Designs – Bashooka
Habitat Sign In by Chanpory RithInkling Pay by Paresh Khatri Sign Up Form by aaron Involvio Marketing Site by James Login Form by Ionut Zamfir Signin for Neonmob by Rogie Sumry: Login by Hayden Login Form by Christof Flachsmann Fetch Dribbble by Kaarel Metsaots Registration Form by Nick Three step form by Hrvoje Dominko Sign in by Gediminas Saulis U&Me by Anton Avilov Payment Form by Alexander Han
初めてのロゴマーク
「会社のロゴを作りたい」「お店のロゴを作りたい」「自分のロゴを作りたい」 会社のロゴ作成依頼からブランドのロゴ作成、個人事業主やプライベート用まで。実績500社突破。修正回数に制限はございません。ご納得いくまでお付き合いいたします。イメージがある方もない方も、お気軽にお問い合わせください。 （ロゴ作成をはじめ、あらゆる デザイン製作を承っております）
クオリティが高くてカッコイイ名刺のテンプレート集やフリーのソーシャルメディア用アイコンなど今日のまとめ | WDS
今日の話題・ニュース ドコモ、定額データプラン128K発表。月1380円から — Engadget Japanese 主に17日に発売されるPS VITAをターゲットとしたプランなんでしょうね。128kなんて使い物になるか？と少々不安でしたが下の動画をみたらちょっと安心しました。 動画はイオンの月額980円の100kですが、この程度なら普通に使えるんではないでしょうか。それならイオンの奴でいいのでは？という人もいるかもしれませんが、VITAはsimロックが有るらしいのでどうなんでしょうね。 ちなみにVITAの3G版には限定で半年間使える128k:100時間とFOMAハイスピード:3時間が使える権利がついて来るので、これを使い終わる頃にでも検討しましょうか。 あなたにとって当たり前のことが他人にとっては驚くべき事である – GIGAZINE すごくよくわかります。 「2ちゃんねるで叩かれてい
名刺デザインのインスピレーション向上によさ気なギャラリーいろいろ+α - かちびと.net
名刺を新しくしようと考えていて 少しギャラリーを見て周ったので すが、もう一度見なしそうなので ついでにメモ。ギャラリーや、名刺 のまとめられているサイトと、発注 する時にいいかも、と個人的に 思った名刺屋さんをいくつか。 まずはデザイン名刺のインスピレーション向上用のギャラリーやFlickrのグループなどのまとめから。 Creattica とりあえずデザインといえばここですね。ロゴでもお世話になっているギャラリーサイトです。 Creattica-Business Cards Card Nerd 凄く綺麗にまとまっているギャラリーサイトです。シンプルでとても見やすい。上4つは広告です。 Card Nerd itevenhasawatermark.com 簡素なデザインのサイトですが、色でソートできたりするのでなかなか良さそうです。 itevenhasawatermark.com Cardv
名刺を作るのに参考になる名刺デザインギャラリー＆エントリー - AIUEO Lab2
Webディレクターとして会社に属している私ですが、会社の業務とは別にデザインを受けることが増えてきたのでフリー用の名刺を作ることにしました。 デザインは自分でしてオンデマンド印刷するつもりです。どうせ作るなら会社の名刺とは一味違って、オシャレな名刺を作りたいので、参考になりそうなデザインやエントリーを集めてみました。 photo credit: ollanani via photopin cc スポンサーリンク 名刺作りの参考になりそうなギャラリーサイト Ultimate creative business cards collection | StockLogos.com 海外のアイデア名刺がたくさん集めてあります。名刺の形自体を変えてあるものが多いので、日本ではなかなかマネできないかもしれませんが、デザインのヒントにはなりそうです。 400+ Creative Business Car
もらって嬉しい素敵なデザインの名刺が無料で作成できる！そのまますぐに使える名刺素材のまとめ
ビジネスでもプライベートでも、コミュニケーションツールとして大切な名刺・ビジネスカード。自分でデザインを考えるのも楽しいですが、自分にはないセンスを取り入れて新しい名刺を作ってみるのも面白いものです。 文字を入力するだけでそのまま使える名刺・ビジネスカード用の素材を紹介します。
これだけは抑えておきたい！定番英字フォント18選｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、スイカは白いところまで食べる小林です。 今日は個人的主観で、よく使う、あるいは使いたいと思っている定番欧文フォントをご紹介したいと思います！ フォント選びで迷うと、ついつい、無難なフォントを使いがちですが、そのフォントの性質やディテール、成り立ちを知ることで、よりそのデザインにマッチしたフォントが選べるようになると思います！ セリフ体 Baskerville （バスカヴィル） 伝統、高貴さを感じさせる、1750年代にイギリスのジョン・バスカヴィル（John Baskerville）によって作られた、Transitional（※）フォントの代表格です。 バスカヴィルのフォントは当時のイギリスではなかなか受け入れられず、アメリカやフランスで多く使われたようです。 しかし今では堂々とした大文字などからイギリスを代表する書体デザインの一つと言われています。 Baskerville Ol
Icons | iOS Icon Gallery
Showcasing beautiful icon designs from the iOS App Store
APP icons
Good Sleep! Got Latte? Shuzzle Metrobot Screen Candy Vintaframe Pro Photo Candy Moldiv Ikonica HAPPINESSCAM TeaReading FaceLight StreamdIn InstaTiling Black + White Camera HD Google Maps InstaPlace Freshbox FoodSnap! Facetune FxCamera Camera SX Pro Camera FX Pro My Tally Counter Analog Camera CookWizMe HarrisCamera SoundNote MovieQuest MovieQuest Free MaxiCalc Red Valentine Fitness Pro HD Filibaba
ウェブデザインの配色設計に役立つオンラインサービスのまとめ -2013年春
見て楽しい触って便利な、最近リリースされたものを中心としたウェブデザインの配色設計に役立つオンラインサービスを紹介します。 まずは、気軽にカラーを楽しめるサービスから。
これが読みやすいブログデザイン！有名サイトの記事幅と余白設定を大公開 - Naifix
ブログのメインは記事本文。どんなにタイトルで惹きつけて訪問者を増やしても、肝心の記事が読みづらければ最後まで読まれないうちに離脱してしまいます。当然、シェアもしてくれないしリンクもしてくれません。 では読みやすいブログとはどのようなものでしょうか。そのひとつは、「流し読みしやすい文章」です。 読みやすいブログ記事を書くための基本とライティングテクニック 文章の改善はいますぐできることではありませんが、読み疲れさせないデザインにするのはすぐに実行できるかもしれません。 本記事では、記事本文が表示されるメインコンテンツの幅と、周囲の余白設定に焦点を絞って解説していきます。 有名どころ 18 サイトを調べて、各サイトがどれくらいの幅で記事を表示し、どのくらい余白をとっているのか調べてみました。ぜひご参考に。 2014 年に調査・公開した数値のため、参考サイトの内容が変わっている場合があります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Creativeoverflow is coming soon
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
appleinspires.me