デザインは基本が大切！ひとつ一つをしっかり見直しておきたい20のデザインテクニック
文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ
iOS, Mac, win, Androidのアプリアイコンサイズまとめ | Goodpatch Blog
こんにちは！ 最近Goodpatchでアプリの制作依頼をいただくようになったので、この機会にアプリを作る際に必要なアプリのアイコンサイズを一通り調べてみました！ 調べたのは以下の6種類です。調べた限りこれらがまとまっている記事がなかったのでMEMOPATCHで記事にしました。（サイズは全てピクセルです） ◯PC ・Mac OS ・Windows XP ・Windows 8 ◯モバイル ・iOS ・Android ・Windows Phone 7 16 x 16（icon_16x16 .png） 32 x 32（icon_16x16@2x .png） 32 x 32（icon_32x32 .png） 64 x 64（icon_32x32@2x .png） 128 x 128（icon_128x128 .png） 256 x 256（icon_128x128@2x .png） 256 x 25
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Bascule Inc.
FEATURED PROJECT新しいつながりをデザインし、既存の枠組みを超えた未来のスタンダードをつくる プロジェクトデザインの事例です
「GoMo」あなたのサイトをモバイル対応に! Googleが呼び掛け【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:2分] 続々と増え続けるスマートフォンユーザー。片手でいろいろな情報を閲覧したり、ショッピングを楽しむことができる便利さはPC以上といっても過言ではない。しかし、検索して開いた先のページがPC専用だったりすると、見ずらいことこの上ない。いわゆるモバイル(携帯・スマートフォン)未対応サイトの場合、およそ40%が他の競合サイトに行ってしまうという。 米Googleはこの状況を改善すべく現地時間の11月1日、サイトのモバイル化を呼び掛けるサイト「GoMo」をオープンした。ここには、モバイル対応が重要かを説明するシンプルなプレゼンテーションの他、自分のサイトのモバイル対応度をチェックする「GoMoMeter」、モバイルサイト制作サービスや事業者を紹介する「BUILD YOUR MOBILE」のコーナーなどで構成されている。 2015年地球上全ての人が1つのモバイル端末を持つ GoMoの
デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き
Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち
第10回 CSS3で自由なボーダーデザインを実現する | gihyo.jp
神は細部に宿る 「おっ」と思わせるようなデザインにするためには「大胆なレイアウトをする」「バランスのよい配色にする」などたくさんの要素がありますが、一見目立たなくてもよいデザインに共通するポイントがあります。それは、「ディテールまでデザインされている」ということです。 近代建築の三大巨匠の一人である「ミース・ファン・デル・ローエ[1]」の言葉だと言われる「神は細部に宿る（God is in the details）」というフレーズがあります。細部にまできめ細かく配慮して作られたものこそ美しく、「細部」が「全体」の完成度に大きな影響を及ぼす、といった考え方を表したものです。 Webデザインにおいても、細部を丁寧にデザインして作り上げていくことがやはり大切。 人がやっていないようなところに手が施されたデザインは、人の目を惹き付けます。 たとえば、画像をボーダーで囲む際に、従来のCS
Flat UI Kit for Sketch - Vol 2
This complete UI kit for Sketch app features tonnes of interface elements including navigation menus, image sliders, buttons and checkboxes, pricing tables, graphs and much more. This pack is a great way to kickstart your next web or mobile app design project with Sketch app. Please note that no Photoshop or Illustrator compatible files are included with this download, you must have Sketch version
Free Sketching & Wireframing Kit
Sketching & Wireframing kit is a free set of elements for sketching and wireframing. It consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners. The Kit comes in two vector formats, one for Adobe Illustrator and the other in SVG vector format that can be easily modified. It can also be downloa
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
YAML Builder | A tool for visual development of YAML based CSS layouts
Loading Application ... This can take some seconds when you first visit this page. Please be patient. YAML Builder Recent Build: $Rev: 525 $ (based on YAML 3.1) $Date: 2010-10-03 22:12:50 +0200 (So, 03 Okt 2010) $ Known Issues If you have Firefox 2.x with Firebug extension enabled and encounter abnormal long times or poor application performance, please disable Firebug for this domain. Due to inte
25 Brilliantly Simple Web Page Designs
Beyond Minimalism: The Power of a Focal Point Minimalism is a huge trend right now. Articles and showcases abound on every design blog either praising its simplicity or bashing its shallowness. This post isn’t about minimalism. I’ll show you why with an example: visit site This is an excellent example of minimalist design. The design is clean, the content perfectly aligned and the typography simpl
Style Master CSS Editor for Windows and Mac OS X
These materials are copyright Western Civilisation Pty Ltd. www.westciv.com They are brought to you courtesy of Style Master CSS Editor and Westciv's standards based web development courses. Please see our website for detailed copyright information or contact us [email protected]. Cool Tools and Toys for Web Developers John, the lead developer (ok, pretty much the only developer) of Style Master i
CSS3 Gradient Generator
The CSS3 Webkit Gradient Generator is a showcase for the power of CSS webkit gradients. It also provides a simple graphical user interface for working with CSS webkit gradients, allowing a user preview real time what their gradient will look like and provide the code for the gradient they generated.CSS3 Gradient Generator v2.0 Welcome to the CSS3 Gradient Generator! Please be aware that in order t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Components · Twitter Bootstrap
IDEA * IDEA
https://jp.techcrunch.com/2011/03/01/20110301fail-nintendo-game/
Creativeoverflow is coming soon
Icons Pack 'Web Cartoon' by shlyapnikova on DeviantArt
Border Radius