表とグラフ
研究発表において、「実験結果」は「核」となるものです。そのため、実験結果を示した図表が見にくかったり、カッコ悪かったりすると、発表に説得力がなくなってしまいます。実験結果の示し方は、グラフや表、写真など、研究分野や実験手法によって様々です。ここでは、見栄えのよい図表や写真などの制作テクニックを紹介します。まずはグラフから。 ひと工夫すれば、表も見栄えがよくなります 下の例の左側のように、縦線と横線で構成された典型的な表は、どうも見栄えよくありません。罫線が目立ちすぎてごちゃごちゃして見難い上、雑な仕事をしているように見え、印象がよくありません。右の例のように余計な線を消し、行間をゆったりとり、フォントを変えるだけで、表は見栄えよくなります。いずれの変更も、ExcelやWord, PowerPoint上で行なうことができます。 上の改善例は、論文風のマジメな表でしたが、これではポスターやスラ
ブサイクなUIデザインを劇的に改善するための10のチェックリスト｜Taiki IKEDA｜note
お久しぶりです、イケダです。UIデザインをする上で、これらを意識するだけでビジュアルの質が劇的に向上するというチェックリストを作ってみました。UIデザインの参考にしてください。 左右の余白は揃っているか 左右の余白をしっかり揃えることは最も初歩的で、カンタンに実践できるTipsです。あまりに初歩的すぎて悪い例を探すのに苦労しましたが、MoneyF●rwardさんが題材として非常に優秀でした。左右の余白は14~20ptの間で揃えるのが定石です(迷ったら16ptにしておこう)。どうしても左右の余白を持て余してしまうという場合は右の改善例のように中央揃えに逃げるのも手です。 フォントの大きさは正しいか fontサイズはまず、「読ませるテキストの大きさ」を決めてから、それを基準に組み立てていきます。読ませる文字、webでいう<p>タグは14~16ptに設定し、その文字とのバランスを見て<head>
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
wordcloud2.js - tag cloud/Wordle presentation on 2D canvas or HTML
wordcloud2.js, tag cloud/Wordle presentation on 2D canvas or HTML
カラーコード変換ツール | Hex、RGB、HSV、CMYK、XYZ、LAB、HSLに対応
カラーコード変換ツールについて使い方基本的に、気になったところをクリックすれば、その色の色コードを調べることができます。Hex(16進数)からRGB(10進数)に変換したい場合は、Hexに直接カラーコードを入力するか、画面上部のカラーピッカーで色を選択して下さい。例えば、RGB(10進数)からHex(16進数)に変換したい場合は、R、G、B、それぞれに10進数でRGB値を入力して下さい。色コードをコピーしたくなったら、画面上部のナビバーの、コードの部分をクリックして下さい。補色と反転色補色は、色相環上の正反対に位置する色です。メインカラーに対するアクセントカラーの候補となります。反転色は、カラースケール上のRGB値を反転させた色です。こちらもメインカラーに対するアクセントカラーの候補となります。HSVとHSL色空間HSV、HSL値におけるSは「彩度」です。この値を減らすと、薄くなり、背景色
40+ Best Free Bootstrap Templates & Themes – Speckyboy
Bootstrap is the most popular CSS framework ever. It is currently used on over 19.7% of all sites on the web, and despite the rapid rise in popularity of front-end JavaScript frameworks, it continues to grow. And with each new version (currently v5), it gets better and better. Built on a mobile-first grid system, bundled with an endless list of components, utilities and helpers, and the fact that
Bootstrap Templates | Premium & Free Download | BootstrapMade
Top Quality Bootstrap TemplatesDiscover our collection of finely crafted free and premium Bootstrap templates and themes. Use our Bootstrap Template Builder to customize and create the perfect template for your website. QuickStart - Bootstrap Startup Website TemplateQuickStart is a Bootstrap template built to power startups, innovative apps, product landing pages, and a range of corporate business
Ultimate Free Icon Set: 1000 Free Icons
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. This design resource freebie — contain
ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個 | A40
レスポンシブWebデザインのサイトは国内でも増えてきましたが、制作するとなるとかなり手間がかかります。 そんなとき役に立つのがレスポンシブWebデザイン対応のフレームワーク。中でも「Bootstrap」は、多彩な機能を備え、その使いやすさから広く知られています。 そこで今回は、国内の秀逸なレスポンシブWebデザインを集めた「Responsive Web Design JP」から、Bootstrapを使って作られたサイトをご紹介したいと思います。 whiteSTOUT フォトクリエイティブを中心としたマネージメントオフィスのサイトです。トップに大きな画像を使い、洗練されたイメージとなっています。 AGATHA E-SHOP アクセサリーブランド「AGATHA」のECサイトです。有名ブランドの、しかもECサイトにもBootstrapが使われています。 ACTUS online こちらは有名イン
【難しく考えすぎ！？】bootstrap臭のしないお洒落なレスポンシブWEBデザインの作り方
「Responsive Web Design JP」を運営されているA40さんのまとめ記事ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個が今日のGunosyで取り上げられていましたが、twitter Bootstrapを使ったレスポンシブWEBデザインのウェブサイトの事例が国内でもかなり増えてきました。 当社で制作した化粧品ブランド リボーテ -Re:beaute-様のサイトもありがたいことに、このまとめ記事に取り上げて頂いています。 いろいろなメディアに取り上げていただく中でのフィードバックとして、「twitter bootstrapがレスポンシブWEBデザインに便利なのはわかっているけど、どうやったらbootstrapっぽくないデザインにできるのかわからない」という声をよく聞きます。 僕も最初はそう思っていました。 一回触ってしまえば、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カラー配色で迷わない！シーン別配色見本32パターン | Web制作会社スタイル
SB Admin 2 - Bootstrap Admin Theme
JS Bin
W3Schools.com
Start Bootstrap
iOS Human Interface Guidelines：Designing for iOS （日本語）
Nos services & notre expertise | Spektrum Media
http://soufflecode.net/website/
[クール] 無料で使えるフリーアイコン素材
http://www.pyconic.com/pyconic-icons-free/