pixivの描き方ページでは、イラスト講座・メイキング・素材が簡単に探せます。pixivに投稿された10万件以上の描き方の作品から、お絵かきの参考になる作品がすぐ見つかります。少しでも気になったり、面白そうと思ったら、まずはユーザー登録をしてみてください。登録、利用は無料です。モバイルからでもアクセスできます。
真ん中の緑色がなにかは言わずもがなだと思う。 なお、徳川歴代将軍線がえんじ色の線。将軍に関係した家系と人物のみを入れたので、御三家のうち尾張家は入れてない。 路線図好きならピンとくると思うが、都営地下鉄路線図のオマージュである。 一見「わかりやすい」ような気がするが、よく理解して見ないと間違った解釈をしてしまうので注意が必要だ。 えんじ色の将軍線は、将軍になった順番を優先して表記しているので、隣駅の将軍は必ずしも親子というわけではない、家綱、綱吉は兄弟である。 吉宗以降の御三卿線は、一つにまとめるというかなり乱暴なことをやってしまった。本当は、田安家、清水家、一橋家で分けると正確ではあるけれど、そのへんを図に落とし込むにはだれかに3万円ぐらいもらわないとやってられない。 歴史好きなので、うっかりあれもこれもと盛り込んで、知識マウンティングしてしまいがちだが、そこはがまんである。あくまで路線
なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ8つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール1 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで
kazugoto.hatenablog.com こちらの記事は、2017年2月26日に秋葉原で行われた、「秋葉原」をテーマにした同人誌の即売会「秋コレ」のサークルペーパーとして書いたものですが、このときに分析する候補として挙っていたのは、実際に分析した『リアルのゆくえ』(大塚英志、東浩紀:著、講談社現代新書、2008年)のほか、中原昌也氏らの『嫌オタク流』(太田出版、2006年)もありました。この本は、オタクないしオタク文化を嫌悪するサイドとしての中原氏及び高橋ヨシキ氏が、オタク擁護(?)系のライターの海猫沢めろん氏(第1部)と更科修一郎氏(第2部)を迎えて、オタクの現状を分析、批判するというものです。 ――と「分析、批判」と書きましたが、はっきり言って同書で繰り広げられているのはほとんど罵詈雑言であり、しかも当時流行していた本田透氏などによる無理のあるオタク擁護論(後にこの擁護論がいまの
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方
diag.md シーケンス図とかフローチャートをしごとで描画することになった場合、 テキストから生成できたら楽なので、それ系のツールまとめ GraphViz http://www.graphviz.org/ C製 Doxygen, Moinmoinなどと連携可能 ブロック図、クラス図、ネットワーク図など PNG, SVGなど 出力可能形式一覧 JavaScript(Emscripten)版もある。リアルタイムプレビュー出来て便利 https://github.com/mdaines/viz.js PlantUML Java製 シーケンス図, ユースケース図, クラス図, アクティビティ図, コンポーネント図, ステート図, デプロイ図, オブジェクト図などめっちゃたくさん作れる PNG, SVG, LaTeX, ASCII出力 なんとワイヤーフレームも作れる。アイコンとかも入れられる。 オ
2014年6月にGoogleマテリアルデザインガイドラインが公開されてから、AndroidはもとよりiOSのアプリでも、このガイドラインを取り入れたUI/UXの優れた作品が多数出てきました。 今回はそんな相変わらずトレンディなマテリアルデザインのガイドラインをわかりやすく、ポイントを絞ってお伝えします。 目次 マテリアルデザインとは? 平面なのに3D 紙とインク マテリアルデザインのカラー グリッドシステム アニメーション 心地の良い動き タッチフィードバック 意味を持ったアニメーション まとめ マテリアルデザインとは? マテリアルデザインを直訳すると「物質的なデザイン」という意味です。 デジタルのデザインなのにどの辺が「物質的」なのか、それは次の2つの概念で表現されています。 平面なのに3D マテリアルデザインでは、要素の重なりを物理的にとらえ、平面の中に、明確なZ軸の概念を持たせていま
ビジネスの現場では、さまざまな資料を作る機会がある。報告書や提案書、会議の議事録に発表資料など、仕事の内容や状況によって形は変わるが、すべからく「ビジネス文書」であり「資料」だ。 「資料なんて、そんなものにこだわる必要はない」「資料作りに時間を割くのはばからしい」――。その意見には、筆者も賛成だ。不必要に凝ったものを作る意味はない。要は中身が正しく伝わればいいのだ。PowerPointやExcel、Wordを駆使して凝った資料を作っても、中身がなければ話にならない。そもそも、資料を作っただけで仕事が終わるなんてことは、普通ない。 ただ、それは「資料作りが不要」という話ではない。資料作りに過剰な時間をかけるのは無駄だけれど、かといって「伝わらない資料」を作ってしまっては、さらに時間の無駄だ。ましてや、その時間は自分のものだけではない。その資料を読む相手の時間も無駄に消費することになる。 体系
「2014年にグッときたコレ」がテーマになる Fenrir Advent Calendar 2014 の24日目です。 マテリアルデザイン デザイナーの大西です。マテリアルデザインそのものへの記事は既に多くの方々が取り組まれているので、少し目先を変えてガイドラインについてです。 このガイドラインが最高に実践的でグッときました。 UI・UXについてのガイドラインは面白くて勉強にもなるのですが、理解して実践するところにまで到達するのには中々のエネルギーを使いませんか? マテリアルデザインは英語のドキュメントなので最初は尻込みしましたが、読み進めるうちに内容の充実っぷりに引き込まれました。ここまで親切なガイドラインは珍しいと思います。和訳も欲しいところですが、用例として画像がたくさん挙げられているので翻訳サイトを使えば充分理解できると思います。 豊富なテンプレートと素材 750種類以上のアイコン
東京の鉄道路線図SVGを作りました&パブリックドメインで配布します ロンドン地下鉄路線図での作図方法に基づいた東京の鉄道路線図を作ったので公開・配布します time2014/12/20 hatenabookmark- Illustratorを使って、東京圏の交通路線図を作りました。 現在、これを書きだしたSVGファイルを以下に置いて、ウェブ上から見られるようにしています。まだマップとして大した処理はしていないので、PCとかだとスクロールが面倒ですが、スマートフォンなどタッチ端末だとそこそこ見られると思います。 なお、AIファイル・SVGファイルはパブリックドメイン(CC0)としますので、配布・改変・販売含め、煮るなり焼くなり好きに使っていただいてかまいません。 railmaps - github どうして描いたの? 昔からハリーベック氏のロンドン地下鉄路線図がとても好きで、自分もこういうも
東京には都営地下鉄と東京メトロという地下鉄が走っていますが、東京メトロの運行データが視覚的に分かるサイトが「metrogram」です。東京メトロの電車の動きがビジュアルで分かるようになっており、なかなか興味深い仕上がりになっています。 metrogram http://nulldesign.jp/metrogram/ metrogramのページをパソコンから開くと、午前4時台から画面がスタート。 この動いている○が電車を表しています。徐々に地下鉄が動き始め、左下には画面の中心にくる駅名が表示されており、、駅の発車時刻が表示されます。地下鉄は丸ノ内線であれば赤、半蔵門線であれば紫といったように、それぞれのシンボルカラーがそのまま使われています。 6時台になると電車が増え、溜池山王や銀座といった乗換駅に多くの電車が集まっているのが分かります。 7時台になるとさらに多くの電車が走っています。 ア
落ち着いたパステル系のカラー、同一色相の繊細で美しいグラデーションなど、Material Design, iOS 8, Modern UIなどやフラットなスタイルで使われている最近人気のあるカラーを紹介します。 PhotoshopやIllustrator用のスウォッチもダウンロードできますよ。
※ こちらのテンプレートのバージョンアップ版を作りました大体いい感じになるパワーポイント用テンプレート「Azusa 2号」のワイド対応版「Azusa 2号W」を作りました 横田です。パワーポイントは苦手です。 いつもプレゼンの資料はパワーポイントで作成しているのですが、どうもテンプレートを作成がうまくいかず、毎回同じようなテンプレートを使っていました。通常のプレゼンであれば、いつものテンプレートでも良いのですが、ライトニングトークなどの場合はいつも使っているテンプレートではなく、もうすこしスッキリしたテンプレートが欲しいと思っておりました。 そんな時に見つけたのが、佐野章核さんが制作された「大体いい感じになるKeynoteテンプレート「Azusa」」、よくこのテンプレートを利用してライトニングトークをしている人を見かけたので、私も利用してみたいと思っておりました。 ※Azusaと佐野さんに
Googleが公開しているデータベース「Freebase」にはさまざまなデータが保存されており、誰でも無料で閲覧できます。そのFreebaseに登録されている歴史上の人物や社会に功績を残した人たちの「生まれた場所」と「亡くなった場所」のデータを解析し、どのようにして人が文化や知識を世界に広めていったのか、世界地図上で可視化したアニメーションが「Charting culture」です。 Humanity's cultural history captured in 5-minute film : Nature News & Comment http://www.nature.com/news/humanity-s-cultural-history-captured-in-5-minute-film-1.15650#/b1 Charting culture - YouTube イタリアのルネサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く