概要： Sketchを使ったAtomic Designの方法がプロダクトデザインの未来形です。 初めに この記事は、上のビデオの素晴らしい人物、Brad Frostの開発したシステムについて書いています。Atomic Designは今のレスポンシブなデジタルの世界に対応するために開発されたものです。 ここ何年も、私たちのデザインを少しでも理解してもらえるよう、スタイルガイド、基本的ガイドラインやムードボードなどのツールを作成してきました。同じように、開発者もBootstrapやFoundation、Bourbonなどのツールでプログラミング作業を楽にしようとしてきました。互いに妥協点を見いだし協力することで互いの作業を楽にできます。Atomic Designはまさにそれを実現しようとしています。 Atomic designはあるインスタンスやページをデザインすることではありません。大局的に
こんにちは、イラストレーターのアベナオミといいます。2019年2月現在、2男1女の子育て中です。 私は宮城県出身・在住で、2011年3月の東日本大震災で被災した経験があります。幸い、自宅も家族も無事だったのですが、夫の勤務先と、通勤に使った車は津波の被害に遭いました。 自宅には大きな被害がなかったため、避難所には行かず自宅避難できたのですが、震災後の生活は当然それまでと大きく変わりました。ガスはプロパンだったので使用できたものの、電気と水道は使えず、物流のストップによる物資不足もありました。当時、長男は1歳7カ月。ライフラインのない中での1歳児との生活は本当に試練の連続で、以前から防災対策をしてこなかったことを本当に後悔しました。 そんな経験を経て、震災から5年の節目である2016年に「自分の経験を役立てたい！」と思い立ち、SNSやブログで「1日1防災」という防災アイデアを描いた1コマイラ
とある映画館職員から、これから働く君へ（寄稿：立川シネマシティ 遠山武志）｜【パソナキャリア】パソナの転職エージェント
拝啓、これから働く君へ。 この文章はそこそこ長い。だから倒叙（とうじょ）ミステリーのように、先にたどり着く結論を言ってしまおう。 君が思っているよりもずっと、やりたいことを仕事にすることはできる。 理由は簡単。まだ君は、仕事と呼ばれるものの範囲の広さと多様さと自由を知らないから。この結論に向かって、なるべく退屈にさせないよう、僕があがいてきた日々とともに、この文章は疾走していく。 映画や音楽好き、あるいはミュージカルやアニメのオタクなら、映画館「立川シネマシティ」の名前を小耳に挟んだことくらいはあるかもしれない。 【極上音響上映】とか【極上爆音上映】とか、「宣伝メールが怪文書だ」とか、「ポップコーンがマズい」とか、「ホットドッグはウマい」とか良い評判から悪い評判まで、検索すれば思いのほかたくさんの結果が見られるはずだ。僕はそこの企画担当、遠山武志。 たくさんの愛してくれる人と、大嫌いな人が
【無料で学べる！】独学でプログラミングが学習できるサービス10選 最近、世界各国でプログラミングの注目度が上がってきています。 これは、日本でも同じでここ最近、無料のプログラミングスクールみたいなものが ものすごく増えてきました。 自分自身も、開発スキルはまだまだ未熟ですが、 独学で学びながら無料のスクールに通っています。 学生でプログラミングを学びたいと思っているけど、無料じゃないと難しいという人が多くいるのではないでしょうか。 そこで、無料でかつ独学で学べるプログラミングサービスを紹介します。 あと、大体のサービスが初心者向けに作られているのでもう挫折もしないはずです。 僕自身も大学1年の時にプログラミングを学ぼうと思って挫折しましたが、 今は続けられているので初心者の人にはオススメです！ 1. teratail（テラテイル） teratail 開発言語：HTML/CSS, JavaS
無料イラスト素材サイト「いらすとや」が大人気です。 webサイトはもちろん、自治体のポスターやチラシなど街のあちらこちらでも見かけるようになりました。 人気の理由は使いやすさと品質の高さです。 さらに種類も豊富で今でも毎日10枚（！）ほど追加されています。 一体なぜここまでハイペースにイラストを描くことができるのでしょうか？ 今回は「いらすとやの中の人」ことみふねたかしさんの制作技術に迫っていきます。 Tweet 汎用性の高いすぐれたフォーマット みふねさんのイラストはとてもシンプルです。 シンプルですが特徴があり、知っている人が見れば「『いらすとや』だ！」とわかります。 こういった理由から数多くのファンアートも描かれています。 なかよし三人組のイラスト pic.twitter.com/AxVJOfX4NV — 村上 ヒサシ (@M_hisashi) 2016年9月29日 人数が減ってしま
Adobe系アプリショートカット壁紙 | コリス
デスクトップの各サイズ、iPad用が用意された、Photoshop, Illustrator, InDesign, Flashのツールバーのショートカットをまとめた壁紙を紹介します。 Adobe Creative Suite Toolbar Shortcut Wallpapers [ad#ad-2] 壁紙のサイズは、それぞれ8種類用意されています。 1024×768 1024×1024 (iPad) 1280×800 1280×1024 1440×900 1680×1050 1920×1200 2560×1440
How to Make (Almost) Anything (ほぼ何でもつくる方法) 2010年度 体験記 田中浩也 /慶應義塾大学環境情報学部准教授・マサチューセッツ工科大学客員研究員・ファブラボジャパン MITメディアラボでは、ニール・ガーシェンフェルド教授による人気講座「How to Make (Almost) Anything (ほぼ何でもつくる方法)」が毎年秋学期に開講されている。 ニール・ガーシェンフェルドは、当初このクラスを、ごくごく少数の大学院生に、研究に使うための３次元プリンタ、カッティングマシン、ミリングマシン等、 機材の利用方法を教えるための演習として考案したという。しかしながら、初年度、初回授業の教室に行って彼は驚いた。MITの内外から１００名を越える人 々が押し寄せ、「こういう授業をずっと待っていたんだ」「お願いだから受講させてください」と口々に嘆願されたというの
AndroidのUIをデザインするとき参考にしている資料まとめ | VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
メインのお仕事がAndroid UI担当になって早1年。 今年は絶対に月に1回はブログを更新すると決めました。 こんにちは。YUKIです。 AndroidのUIデザイン関連でこまめにチェックしている資料をまとめてみました。 これからAndroidのUI関係の情報を集める方、Material Designのガイドラインが発表されてからどう変わったのか収集中の方の参考になれば幸いです！ (2015/1/10 現在) ドキュメント関係 公式資料関係 Material Design ガイドライン http://www.google.com/design/spec/material-design/introduction.html まずは読み込んでMaterial Designの思想を理解 Google Developers Blog http://googledevelopers.blogspot
普段はDTPをメインにやっていて、たまにWebのデザインもするというデザイナーさんは、 IllustratorでWeb用のデザインカンプを作ることが多いと思います。 別にIllustratorからでもコーディングはできるのですが、後工程の人を困らせないために、 ちょっとだけ気に留めておいて欲しいことがあります。 １．色モードはRGBで。 普段DTPをやっているとついCMYKモードのままで作ってしまうことがあるかもしれません。 でもWebはRGBの世界です。変換すると意図した色にならなかったりしますので、 最初からRGBで作ってください。埋め込む画像も同じです。 ２．どこがデバイスフォントなのか分かるように指示を。 紙の世界では文字は文字でしかありませんが、Webの世界では「テキストデータ」にするのか 「画像」にするのか決めなければなりません。本文は原則「テキストデータ」ですが、 判断に困る
デザイナーのための素材検索サイト18 – creamu
デザインに使える or 参考になる素材を探している。 そんなあなたにおすすめなのが、『18 Search Engines For Designers – Creativity Boost』。デザイナーのための素材検索サイト集です。 いくつか便利なサイトがあるのでご紹介します。 IconLet ライセンス情報の記載がある、使いやすいアイコン検索サイト IconLook タグクラウドや人気のアイコンでフィルタリングできるアイコン検索サイト。ライセンス情報の記載がわかりやすい FyFont 画像をアップロードすると、何のフォントかを調べてくれるツール Vectorials ベクターデータのチュートリアルがたくさん見つかるサイト Tutorial Vault Photoshopやillustrator、Flashなどのチュートリアルが見つかるサイト。UIがすっきりしていて探しやすい 一度見てみてく
違法コピーをBSAに告発してみた
従業員50人程度のいわゆるITベンチャー、アラサー向けのポータルやECサイトを運営してる会社で働いてるんだが、違法コピーは犯罪だってゆう概念が全くなく、1個だけ買ったソフトを悪びれることもなく必要な台数へインスコしまくってる状況にひきまくった。合法コピーなんてPC購入時にバンドルされてたWindows XPだけで、OSを除くと有料アプリの8〜9割は違法コピー。従業員が増えるとPCは買うけどOfficeは2000をインスコしてて、2000がサポートされないからVistaへは移行できないね〜なんて言ってやがる。 当然アクチが必要なソフトは使えないんで、Photoshopは6、Illustratorは10が社内のデフォルト。小さい会社で全従業員が同じフロアーで作業してるから、システム部がサーバ立てるときに「Windows Serverはいくつまでならライセンス認証なしでいけたっけ？」みたいな会話
Google の新しいデザインガイドライン「Material Design」 | DevelopersIO
Material Design Google I/O 2014 で新しいデザインガイドラインが発表されました。 Google Design その中で注目されるキーワードが「Material Design」です。これは直訳すると「素材のデザイン」という感じになりますが、これは現実世界の素材をメタファーとすることでユーザーにとってわかりやすくなるように考えられたデザインのようです。 ということで、Material Design について簡単にまとめつつ、どうやってデザインを始めていけばいいか考えていきたいと思います。 Google Design のガイドラインを個人的に解釈した内容を掲載しています。誤解などありましたらコメント欄にて連絡ください。喜んで修正します。 イントロダクション まずはじめに Material Design の概要です。本文をそのまま引用します。 We challenge
コンタクト情報 会社名 株式会社スーパープリント お問い合わせについて お問い合わせメール (年中無休) お問い合わせフォーム (土日休日・夜間も対応) お振り込み口座 みずほ銀行 横浜支店 普通口座 2823600 カ）スーパープリント 「スピード印刷」「オンデマンド印刷」といった非オフセット品質の名刺印刷に、満足していますか？ 名刺交換を行う初対面時、名刺はあなたの演出したいイメージやブランディングを伝えてくれる分身です。 上質な用紙や個性的な加工は、相手の視覚や触覚に、あなたの印象を深く刻み込むでしょう。 しかし、レーザープリンタ系の非オフセット名刺印刷は、特有のテカりやギラつきで、お手軽感が伝わってしまいます。 スーパープリントは、オフセット品質のテカらない印刷、76種類のオリジナル用紙と31種類のオプション加工、 さらには圧倒的低価格という、日本では唯一無二の名刺印刷サービスです
プログラミングの勉強に役立つ優良ブログ8選
プログラミング初心者が最初につまずき易いポイントに「解決できない」「分からない」ということがあります。 そんな時は疲れもドッとでますし、モチベーションもダウンしてしまいます。 今回ご紹介するブログは、そんなつまずきからあなたを救ってくれると思います。 同じように苦労してウェブやアプリ開発している方もいらっしゃいますので、他の人のやり方を少しのぞいて参考にしてみてください！ "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは？（受講生体験記） 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成長の記録 初心者・非エンジニアが参考にし
【初心者向け】誰でもできるデザインの７つの基本でWeb制作・ブログ運営・資料作成をより創造的に - Life is colourful.
世の中はデザインで溢れている。ブログを運営するとき、会社で資料を作るとき、普段の生活の中でも結構「デザインする」ことに直面する場面は多い。キレイで便利なテンプレートやテーマを使えば済む話だけれど、素人やデザイン初心者でも、少しでもデザインに関する意識があれば、仕事だけでなくプライベートでも応用がきくし、思考の幅も広がって楽しい。 デザインするということは何も特別なことではなく、一握りの絵心のある人が特殊なグラフィックツールや生まれ持ったセンス用いて、創造的な作品を生み出すことだけを意味するわけではない。 誰でもできるデザインもある。 そしてそれは、ちょっとした知識があって、何かを作るときにほんの少し気をつければいいだけの作業である。（このエントリーでいう「デザイン」とは、そういうものと定義する。） この記事では、デザイン初心者に向けて、デザインの簡単な７つの基本を紹介してみる。実際にこの７
Blog Google for Jobs対応 求人情報構造化データ JobPostingおさらい 2019.01.19 2018.12.30 2019年1月、日本においてもGoogleの検索で仕事や転職に関連したキーワードを入れると、広告と一般の検索結果の間(エンリッチ)に求人情報を表示するGoogle for Jobs(グーグル・フォー・ジョブズ)のサービスがローンチされます。本記事では、求人情報がGoogle for Jobs に掲載できるようになる求人構造化データ(JobPosting)について解説していきます。 Google for Jobsは17年6月にアメリカでリリースされたGoogleの求人情報サービス。アメリカを皮切りに世界100カ国近くの国で、中小企業が運営するWebサイトから、何千何万ものリストが掲載されている求人サイトまでWeb上の膨大な求人情報がまとめられている。
web屋さんの為のベストエントリ2011年3月度版
というわけで、web屋さんに送るwebマガジン3月号です。 今回はいつもよりさらに厳選してます。逆に量を減らして見ました。 もしかしていつも無駄に多いんじゃないかと思いまして・・・。今回も色々必読な記事はありますが、jQuery関係の記事が少なかったのが特徴でした。 逃してしまった方はぜひこの機会に。 3月のWebマガジン目次 超必読記事WEBデザイナ向けCSS/JavaScript素材/無料素材業界記事 必読記事 PNGの画質を劣化せず極限までファイルサイズを落とす、たった1つの方法 たった一つかどうかは別にして、png画像のサイズを落とす事ができるフリーソフトを紹介されています。 ついに出た！Chrome版「Page Speed」の使い方 :: Stocker.jp / diary webサイトの表示速度の改善について色々と書かれています。 Chromeのツールの紹介記事ですが、参考に
自分がロゴデザインをするときに意識していること
友人であるフリーエンジニアの原さんが、ある日クラウドソーシングのランサーズでこんな依頼を出していました。 Web制作個人事業主のWebサイトロゴの依頼/外注/仕事 | クラウドソーシング「ランサーズ」 ランサーズでロゴを募集してみたの雑記- I.I.S ブログ 原さんには日頃いろいろ仕事を振ってもらったり一緒に野球を見に行ったりと、公私ともに大変お世話になっております。 コンペ形式というのもあり、賑やかしの足しにでもなればと自分もひとつデザイン案を作ってみることにしました。 せっかくですので、これをネタに自分なりのロゴデザインの手順、ポイントをまとめてみます。 1: クライアントの希望を確認 クライアントがロゴにどういうイメージを持たせたいのかを念入りにヒアリングします（当たり前ですけど）。 ロゴは、その会社・サービスの指針を表すものであると同時に、それが使われる全ての媒体（ウェブサイト、
PhotoshopなどのCS2製品が無料？
米Adobe Systemsが「Photoshop」などクリエイティブ製品群の旧バージョン「Creative Suite 2」（CS2）を、同社サイトで公開している。昨年12月にCS2用のアクティベーションサーバを停止したための措置で、無料で取得できるAdobe IDさえあれば誰でもダウンロードして利用できる状態になっている。 公開しているのは2005年に発売したPhotoshop、Illustrator、InDesign、GoLive、InCopyのCS2と、Acrobat Standard/Proの7.0、Acrobat Standard 8.0、Photoshop Elements 4.0/5.0、Premier Pro 2.0など。 日本語版も用意されており、ダウンロードページに記載された専用シリアルナンバーを入力すればインストールして利用できる。 それぞれMac OS X版とWi
こんにちは、ユーザファースト推進部デザイングループの元山です。 デザイナーの皆さんはWebやアプリなどをデザインする上でフォントを作った事があるでしょうか？ ずいぶんと前から「これからはWebフォントの時代だ」なんて言われながらも、現実は中々使うのが難しいなぁと感じている方は多いかもしれません。 今回はクックパッドで実際に作ったオリジナルフォントを使ったWebやアプリのデザインについて事例を交えながら紹介してみたいと思います。 クックパッドでの事例 印象と機能を向上させるデザインのためのフォント ブラウザやアプリの標準のフォントではない特殊なフォントを使う理由として真っ先にあげられるのは、やはり文字の雰囲気や見た目でデザイン的な印象や見え方を向上することができる点だと思います。最近ではAppleのWebサイトもオリジナルのWebFontを使ったデザインに変わりましたね。 クックパッドでは特
イラレの生成AIが凄いので Live - 2023/10/11 Adobe MAX 2023｜CreativeEdge Vlog
Adobe Illustraor 28.0に搭載された生成AI（ベクターグラフィックの生成）が衝撃的だったので、このページにまとめていきます。 イラレの生成AIの探求は以下の新しいページに掲載しています 新しいイラレ生成AI関連ページイラレの生成AIでハロウィンのイラストを描こう！ イラレの生成AIでイラストを描くLive - 2023/10/14-15 Adobe Illustrator「イラレの生成AIを探求する」ライブ配信 イラレで生成したベクターグラフィック本日からロスアンゼルスでAdobe MAX 2023がスタートしましたが、遂にAdobe Illustrator（バージョン28.0）に「テキストからベクター生成 (Beta)」が実装されました。Adobe Fireflyのベータ版が登場した時から待機リストに掲載されていたので、いつ搭載されるのか注目していました。 参考：Ill
Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill
たくさんの画像を一括配置したり、フォルダの中のファイルをまとめて印刷したり、アンカーポイントを整列させたり、テキストを改行でばらばらにしたり、またはバラバラのテキストを改行でつないだりなどなど、大量のファイルの一括処理や、微妙に面倒な各種作業の時間短縮に効果があります。「この作業を、１クリックでも少ない手順で！」という要望にお応えします。
約1ヶ月前に MacBook Air 2012年版 が発売されたので、早速2011年版 MacBook Air から買い替えました。 今回購入したのは、13インチ / Core i7 / メモリ 8GB / SSD 256GB です。 去年の記事 では MacBook Pro 13インチから MacBook Air 13インチに買い換えた時の感動を中心としたレビュー記事でしたが、今回は時期的に、欲しい方はもう購入されていると思いますので、レビューだけではなく私がイントールしたアプリとその設定を中心に書いていきたいと思います。 目次 なぜMacBookを買い換えたのか なぜそのスペックにしたのか Apple Store店員の話 検証 その他のレビュー 私のMacBook Airの使い方 インストールしたアプリ 外付けスピーカー いくつかの問題点 気になった点 総評 なぜMacBookを買い換
はじめに **私は決してAppleやMacのことが嫌いなわけではありません。**重要なので先に言っておきます！ これまで、毎年多くのApple製品を購入するほど大好きな部類の人間でした。 どんなレベルかというと、デスクトップパソコンはiMac、ノートパソコンはMacBook Pro、外付けディスプレイはApple Thunderbolt Display、マウスやキーボードはApple純正（トラックパッドももちろん必要）、タブレットはiPad、スマホはiPhone、スマートウォッチはApple Watchという感じです。 しかし、近年どんどんApple製品について不満が湧いてきて、私はメインPCの脱Macをすることにしました。 さて、デザイナーとして生きている私は脱Macを出来たのでしょうか。 詳しくお伝えしてまいります！ では、まずはMacを使うことのデメリットとメリットから。 Macを使
ブログを書くのに欠かせない１２１のサイト 管理人 @ 6月 29日 01:10pm Google以外のサービス, 未分類 Blogtrepreneurにて101 Essential Blogging Resourcesというエントリーでブログを書くのに便利なサイトが紹介されています。海外のサイトですが、日本ではあまり浸透していな便利なサイトがたくさんありますので、その日本語訳をご紹介します。海外のブロガー達がどのようなサイトを利用しているのか参考になります。もちろんGoogleのサービスもいくつか含まれています。 Domain取得 まず、自分のドメインを取っておきましょう。 1. Namecheap ： 年間8.88ドルでWhoisGuardサービス付。 2. GoDaddy ： 年間8.95ドル以下。 3. 1&1 ： 年間5.99ドルでプライベートドメインレジストレーション付。 4.
本日12月1日より、プログラマ有志による2014年の技術系Advent Calendarが各所ではじまる 本日12月1日より、プログラマ有志による2014年の各技術系Advent Calendar（アドベントカレンダー）が一日目を担当する人のblogではじまっている。技術系Advent Calendarの数の増加傾向は今年も続いており、Qiitaを利用したものがとても多くなっている。 一般的なAdvent Calendarは、12月25日のクリスマスを楽しみに待つために、12月1日から24日までのカレンダーの日付それぞれの部分が扉になっており、1日ずつその日の日付の部分を開くと天使や動物の絵などが見えるという仕組みになっている（もちろん、様々なバリエーションがある）。 これに発想をえて、技術系Advent Calendarでは基本的に、12月1日から25日までの25日間、特定のプログラ
こんにちは。ホリだよ。 私にはデザインを勉強していた頃から、子供が生まれたら一度やってみたいことがありました。 それは「自分が作ったダサいデザインのTシャツを子供に着せる」ことです。 子供にはいい迷惑ですね。こんな親ですまんな。 でも1歳半くらいならデザインのダサさに気づくこともないでしょう。さらに夏が近づいてきたため保育園用の子供のTシャツの枚数が足りず、チャンスとばかりにダサTを作ることにしました。 買ったもの 無地のTシャツ オリジナルTシャツの定番、ユナイテッドアスレ。 90cmサイズであれば着脱用のスナップボタンも肩サイドについていて、しっかりした生地です。大体550円〜700円以内。 (ユナイテッドアスレ)UnitedAthle 5.6オンス ハイクオリティー Tシャツ 500102 [キッズ] 021 イエロー 120 出版社/メーカー: UnitedAthle 発売日: 2
個人でも商用でも利用できる全500種類のアイテムが揃った、汎用性に優れたシンプルなデザインのアイコン素材を紹介します。 500 Vector Mega Icon Pack ダウンロードできるアイコン素材のフォーマットは、2種類です。 .ai 素材の修正・紙にも使えるIllustratorのベクター素材 .png すぐに使いたい人用の128x128の透過PNG アイコンは全部で500種類！ さまざまなアイテムが揃っています。
使わないと損！作業の効率を上げるIllustratorの機能まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの白浜です。5月病にならないためにも、仕事をサクサク終わらせて明るい時間に帰りたいですね！！ そんなわけで、今回は覚えておくと作業効率が劇的に上がるIllustratorの機能を、わたしが新しく知った順にご紹介したいと思います。 後半は今まで書いた記事の紹介になってしまうのですが…本当に使っていないと損なので何度でも言うよ！！ ここ半年ぐらいで知った便利な機能 まずはここ半年ぐらいで知ったIllustratorの便利な機能を2つご紹介します。 ライブコーナー Illustrator CC（17.1）のアップデートでしれっと追加されていたこの機能、すごいです！！ヤバイです。 ダイレクト選択ツールでオブジェクトを選択するとコーナーに白い○が出てくる方、あなたのバージョンはライブコーナー機能が使えます！ 全部のコーナーが選択された状態で1個○をドラッグしてみると… 全部の角
簡略化した地図や路線図を描くにあたって、Excelは優秀なツールとして使えます。illustratorでも同じようなことはできますが、やはりマス目を使うことによる手軽さとカスタマイズ性は大きなアドバンテージ。 上の路線図もExcelで作図したものです。派手な機能はないものの、よほど複雑な路線でもない限りセルと図形を駆使して表現することができます。 今回は徳島県西部を題材に、具体的な手順を紹介していきたいと思います。 ①セルが正方形になるよう列の幅を設定する 単純ながら重要な手順。Excel路線図のキモといえます。基本的に縦横の線はセルの塗りつぶしに依存することになります。 ②作図する範囲の背景を塗りつぶし、セルを1行(or列)塗りつぶしてベースとなる縦横の線を引く ここでは背景を薄い緑色としました。水色と薄ピンクは "線をこの幅に収める" という目印として塗ったものです。 ③直線部分どうし
ボードゲームってどうやって作るの？ アイデア・製造・PRまで、企画方法を全部解説｜ミヤザキユウ／ボードゲームデザイナー
ボードゲーム作りはクリエイティブで、ゲリラ的な楽しさのある営みです。ルールを思いついたら少ない人数、あるいはほぼ１人でも形にできます。 大抵の仕事やプロジェクトは、複数人の分業で行います。各人の専門性を組み合わせると、少人数でやるより大きなことができるし、効率的だからです。 でもたまには自分だけ、仲間うちだけで思うままに何かを作るのもいいものです。ボードゲーム作りは、普段の分業体制で抑圧されているモノヅクリ欲を開放するいい機会になります。 本noteでは、そんなボードゲームの企画を構成する要素を、アイデア・製造・PRに分けてざっくり全部解説します。 ①アイデア…ソフトとしてのゲームを考える ボードゲームのアイデアを構成する要素は、下記の３つです。 １．テーマ ２．体験 ３．ルール １．テーマこのゲームを遊んだ人（プレイヤー）に、何を伝えたいのか、知ってほしいのか。それがテーマです。初めてな
粋屋-日本の伝統文様と伝統色
最新情報 (02/12)市松文様の上に梅と桜を並べた文様を追加しました。（02/26）Illustratorファイルを追加掲載しました。 (07/05)「和 japanese style (design parts collection)」と「京千代紙と和の文様セレクション」のレビュー掲載しました。 (06/08) 各伝統色一覧をHSB値に基づく分類に変更しました。 (05/10) 着物の染め屋さん「京のひきぞめや」様にリンクさせていただきました。美しい日本の伝統美が生み出される現場を垣間見ることのできるサイトです。 美しいデスクトップ用壁紙もダウンロードできます。 (04/27) 波文様を割付文様であしらった千代紙風の文様を追加しました。EPSファイルも掲載しました。 (04/21) 波文様を一つ追加しました。 (04/12) 「家紋World」様へリンクさせていただきました。 5月をイ
Mac, Win, Linux対応、Illustratorのようにベクターでイラスト・デザインができる無料のドロー系ソフト、期待上げ！ -Gravit
Mac, Win, Linux対応、しかもブラウザでも動作してしまうベクターベースのデザインアプリケーションを紹介します。 GPLライセンスのオープンソースで、無料で利用できるのも嬉しいポイントです。 Gravit Gravit -GitHub Gravitは優雅なUI、気持ちの良い操作で、複雑なデザインタスクを快適に行えるよう設計されたベクターベースの最先端のデザインアプリケーションです。 現在利用できるのはベータ版ですが、その機能の一端は十分体験できます。
ウェブデザイナーの勉強にいい！デザインの基本原則からPhotoshopの実践的なテクニックまで学べる無料のeBook -Pixel Perfect Precision 3
デザイナーさん・ディレクターさんをはじめ、ウェブデザインに携わる全ての人に必携です！ デザインの基本原則をはじめ、Photoshopを使った実践的なさまざまなテクニックが学べるeBookを紹介します。無料なのに市販の書籍に負けない、いや人によってはそれ以上の価値ある内容がぎっしり詰まってます。 Pixel Perfect Precision 当ブログでもお馴染みのPixel Perfect Precisionの第3版が、昨日リリースされました（パチパチパチパチ） 内容も大きくバージョンアップし、ページ数も165ページから214ページへと大増量。 デザインにおける、配置の基本原則、可読性を考慮したテキスト、カラーマネジメントなどをはじめ、ファイルの効率的な管理方法、Photoshopでのウェブに最適な初期設定、レイヤー管理、Illustratorのウェブで使える実践的なテクニックなど、満載の
「あいつサボってないか？」の不安を解消 1分単位で作業を記録できる時間トラッキングサービス：新連載「リモートワーク時代のライフハック術」（1/2 ページ） 新型コロナウイルスの影響もあって、2020年は多くの現場で初めてリモートワークが導入された年になりました。 みなさんの中にも、これまで必要を感じなかったテレビ会議用のWebカメラを急きょ導入したり、慣れないZoomの操作に戸惑ったりした人もいることと思います。 リモートワークならではの困難にぶつかった人も多いはずです。対面なら円滑に進む会話や連絡がぎごちなくなり、どうすればリモートでも成果を出し、それをアピールできるのかを悩んでいる人もいるでしょう。 そこで、ちょっとマニアックなWebサービスやガジェットを使ってリモートワークを快適にする「リモートワークのライフハック」について何回かに分けてご紹介したいと思います。 今回はリモートワーク
mix-blend-modeというCSSのプロパティ。これはDOM要素を重ねた時の見え方を指定するCSSプロパティです。デザイナー視点だとブレンドモードはごく当たり前に使う機能のひとつ。mix-blend-modeはウェブの表現手法が広がり、デザインの自由度が広がる注目すべきCSSプロパティです。本記事はmix-blend-modeの魅力と使い方をデモを交えて紹介します。 そもそもブレンドモードとは？ ブレンドモードはクリエイティブな表現を作る上での基本機能のひとつです。Adobe PhotoshopやIllustrator、After Effects、XDや、Figmaで搭載されていて、レイヤーを重ねたときにどのように重ねて表示するかの設定になります。ソフトによっては「ブレンドモード」や「描画モード」「モード」と異なる名称が使われていますが、機能としては同じものになります。本記事ではCS
こんにちは。ユーザーファースト推進室の元山です。 みなさんはスマートフォンアプリケーションやWebサービスの開発・改善をするときにどのようなプロセスで行っているでしょうか？アジャイルやリーンなどの最近では一般的なよくある開発プロセスの中で、今やプロトタイピングは当たり前に行うものとなっていると思います。プロトタイピングを支援するアプリやWebサービスも数多くありますが、ただ闇雲にプロトタイプを作ればいいわけではありませんし、プロトタイプモックを作ること自体が目的化されては意味がありません。 クックパッドでもプロトタイピングを取り入れた開発プロセスを行っていますが、開発のフェーズであったり、または目的によってどのようなアウトプットとしてプロトタイピングするのかは変わってくると思います。今回はクックパッドで実際に行っているプロトタイピングについてフェーズや目的ごとにご紹介しようと思います。 コ
昨年より、5年間やっていたDTPの部署からWeb制作の担当と相成った私。 正直、まだまだお勉強中のWeb制作なのですが、ちょいとここいらで今自分が使用しているアプリ・ツール・サービスなどをまとめておこうと思います。 デザインに使用しているアプリ まずはデザインに使用しているアプリ。 Adobe Photoshop・Illustrator デザインに使用しているのはAdobeのPhotoshopとIllustrator。（CS5） DTPのころから使っているので非常に慣れているのはいいのですが、おかげさまで新しい環境に飛び込む勇気がなく、いつか覚えようと思っているFireworksに手を出す時間がございません。 まぁそのうち…うん…。 どんな風にIllustratorやPhotoshopを使用しているのかは、以下の記事をごらんくだしあ。 これが出来れば中級者！Illustrator初心者のた
VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ- – すてきなWebサイトをひたすらつくりつづけたい。
メインのお仕事がAndroid UI担当になって早1年。 今年は絶対に月に1回はブログを更新すると決めました。 こんにちは。YUKIです。 AndroidのUIデザイン関連でこまめにチェックしている資料をまとめてみました。 これからAndroidのUI関係の情報を集める方、Material Designのガイドラインが発表されてからどう変わったのか収集中の方の参考になれば幸いです！ (2015/1/10 現在) ドキュメント関係 公式資料関係 Material Design ガイドライン http://www.google.com/design/spec/material-design/introduction.html まずは読み込んでMaterial Designの思想を理解 Google Developers Blog http://googledevelopers.blogspot
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
珍しいワークフロー：Atomic Designの原則とSketchでデザインからプログラミングまで | POSTD
非常食は「いつもの味」でOK 被災を経験したママが教える、子供のための防災アイデア #それどこ - ソレドコ
【無料で学べる！】独学でプログラミングが学習できるサービス10選 | Be My Style
「いらすとや」はベジェで描いてる？1日10枚更新できる理由
HowToMakeAlmostAnything2010
イラレでWebデザインをされる方にお願いしたい7つのこと。
名刺印刷専門のSuperPrint：76種の用紙でオフセット印刷
Google for Jobs対応 求人情報構造化データ JobPostingおさらい
オリジナルフォントを使ったデザイン - クックパッド開発者ブログ
illustratorでUIデザイン：設定編 - Two hats
イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集
MacBook Air 2012のレビューとWeb制作者のための設定など
もうMacで消耗するのはやめました。 - Qiita
ブログを書くのに欠かせない１２１のサイト - GoogleMania | グーグルの便利な使い方
本日12月1日より、プログラマ有志による2014年の技術系Advent Calendarが各所ではじまる | gihyo.jp
母はヤバイTシャツ屋さんになった - やぶれかぶれ
ウェブでも紙でも電子書籍でもOK、全500種ベクターで作られたフリーのアイコン素材 -Freepik
Excelで路線図を描く - なまずのねどこ
「あいつサボってないか？」の不安を解消 1分単位で作業を記録できる時間トラッキングサービス
CSS3のブレンドモードが素敵！ 新プロパティmix-blend-modeを使いこなそう – ICS MEDIA
フェーズと目的に応じたプロトタイピングの手法と意味 - クックパッド開発者ブログ
Macユーザの私がWeb制作を行う上で使用しているアプリ・ツール・サービス・ブックマークレットなどのまとめ