簡略化した地図や路線図を描くにあたって、Excelは優秀なツールとして使えます。illustratorでも同じようなことはできますが、やはりマス目を使うことによる手軽さとカスタマイズ性は大きなアドバンテージ。 上の路線図もExcelで作図したものです。派手な機能はないものの、よほど複雑な路線でもない限りセルと図形を駆使して表現することができます。 今回は徳島県西部を題材に、具体的な手順を紹介していきたいと思います。 ①セルが正方形になるよう列の幅を設定する 単純ながら重要な手順。Excel路線図のキモといえます。基本的に縦横の線はセルの塗りつぶしに依存することになります。 ②作図する範囲の背景を塗りつぶし、セルを1行(or列)塗りつぶしてベースとなる縦横の線を引く ここでは背景を薄い緑色としました。水色と薄ピンクは "線をこの幅に収める" という目印として塗ったものです。 ③直線部分どうし
どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね...」と土屋さんに非常に悲しいリアクションをされてしまったので別の方法で気を引くことをオススメします。 というわけで今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオ
今まで font-lock で色つけたけど whitespace-mode に乗り換えた。 (progn (require 'whitespace) (setq whitespace-style '( face ; faceで可視化 trailing ; 行末 tabs ; タブ spaces ; スペース space-mark ; 表示のマッピング tab-mark )) (setq whitespace-display-mappings '( (space-mark ?\u3000 [?\u2423]) (tab-mark ?\t [?\u00BB ?\t] [?\\ ?\t]) )) (setq whitespace-trailing-regexp "\\([ \u00A0]+\\)$") (setq whitespace-space-regexp "\\(\u3000+\\)")
「COLORION」は指定した色を含むカラーパレットを探し出せるサイトです。五色で彩られたカラーパレットがたくさん登録されていますよ。また、ひとつひとつの色についての詳細情報もまとまっており、気になる色をとことん追求することができます。 以下に使ってみた様子を載せておきます。 まずCOLORIONへアクセスしましょう。 カラーパレットの色は、フルカラーとマテリアルデザイン用の色で分類することもできます。用途に応じて使い分けてみましょう。「SEARCH」メニューから自分で指定した色を含むカラーパレットを検索することができますよ。これだけは使いたいという色が決まっている場合に便利ですね。ログインするとブックマーク機能を利用することも可能。 ひとつひとつの色に対して詳細情報がまとまっています。類似色や補色がひと目で確認できますよ。ぜひWebデザインの配色決めをする際にご活用ください。 COLOR
自分は大阪から遠く離れている群馬に住んでいるので地元の感覚とかわからないのですが、ちょっと気になったので作ってみました。 地域差 青が「賛成」、赤が「否定」である。投票総数で観ると、賛・否の差は総数でわずか1万票強足らずで大差ないが、地域別に見てみるとはっきりとその地域差に傾向があることがわかる。一目瞭然のように、大阪市北部は「賛」、大阪市南部は「否」と区分されている 確かに２極化して塗り分けると、北部と南部で明確な差があるように見えます。 しかし、上記記事で「投票総数で観ると、賛・否の差は総数でわずか1万票強足らずで大差ない」と言っている通り、今回の選挙はかなりの僅差だったので区毎の得票数の差というのも考慮しないと何とも言えないのではないかと思います。 例えば、東成区などは賛成票が過半数を超えてはいますが、その得票数の差はわずか22票だったりするので、これをもって「東成区は大阪都構想へ賛
by webtreats 黒はうまく使うと他の色を際立たせたり全体を神秘的に見せたりすることができる色ですが、私たちが普段「黒」だと思っている色は本当は黒ではなく、「黒に近いダークな色」であることが多々あります。自然界にほとんどない「純粋な黒」は他の色を圧倒してしまい扱いが難しいため、黒を使いたい時にすべきことをSegment.ioのCEOであるIan Storm Taylorさんがまとめています。 Design Tip: Never Use Black by Ian Storm Taylor http://ianstormtaylor.com/design-tip-never-use-black/ Taylorさんが子ども時代は美術の先生から、大学時代はロードアイランドスクールオブデザインの授業で何度も聞いたことの1つに「作品に黒を使うな」というコツがあります。 真に黒い物は見つけるのが
Colour Code http://colourco.de/ 、いいドメインだ！ 使い方は簡単です。 カラーの変更 マウスの左右で、色相を変更 マウスの上下で、光度を変更 スクロールで、彩度を変更 ※スクロールはMagic Mouseじゃないとできないかも 基本操作 クリックで、カラーをロック ロックされた鍵アイコンをクリックで、ロックの解除 カラーをクリックで、保存して新しいカラーを作成 ゴミ箱をクリックで、カラーの削除 まずは、流行のサーモン（#F38268）を右上のボックスにセットしてみます。
はじめに みなさん、明けましておめでとうございます！・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜！」と思っていたのですが、年末から妻のパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。 せっかくなので、2013年最初のエントリではそのお話をしたいと思います。 「第一回 プログラマ向けデザイン勉強会」の発表資料が素晴らしい！ 前々から妻からは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。 そんなとき、ネットで見つけたのが「第一回 プログラマ向けデザイン勉強会」でした。 東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
