最近中途入社した卜部です。よろしくおねがいします。諸事情にてLinuxを使います。Macで。 結論からいうと OSXより起動が速いです。 経緯など 弊社はお客様の大切な情報を扱っています。情報セキュリティにはとても気を遣っています。通常であれば意味もなくOSの再インストールなどは行いません。 とはいえ卜部の業務は社業とは直接関係しません。そもそもお客様の大切な情報といったものに卜部がアクセスできてしまう方がリスキーといえます。そこで「production環境にそもそもログインできなくする」「オープンソースではないソースコードをそもそもgit cloneしないようにする」等の運用方針で、リスクをじゅうぶんに低減できると考えたため、普段使いのパソコンとしてLinuxを利用できるか試してみることにしました。 今回はMacに最初から入っているOSXを全部消してUbuntu Desktopを入れるこ

ということで、こんにちは。 私、ネット印刷の西の王国キングプリンターズにて、「チラシの達人」と呼ばれている赤松と申します。 今回の記事は、「手書き風フォントやイラストのフリー素材まとめ」と称し、チラシデザインをするのに役立つ内容を紹介していきます。 さきほど説明したとおり、特に地方の小規模店舗においては、手書きチラシは効果的な集客方法です。 手書きチラシには、以下のようなメリットがあります。 アナログ感があり、人間味のある雰囲気を演出できる。 手書きチラシは珍しいので、他のチラシよりも目立つ。 人はデジタルよりもアナログの方が時間をかけて頑張って作ったように感じる。 そのため、内容を隅々まで読んでくれる可能性が高まる。 とはいえ、センスや文字の上手さが問われる「手書き」は、人によってはPCで作るよりも難しいかもしれません。 そこで今回、以下の条件で、チラシデザインに使えるような「手書き風」

こんにちは、okutani(@okutani_t)です。Twitterでこんな質問を受けたので、取り急ぎ記事にしてみました。 @okutani_t 文字の下に可愛い蛍光マーカー引いた風にするのってどうやるんですか？？　お手すきの際に教えて下さいませ…！ — 一ノ瀬あや(恋愛コラムニスト) (@ichinoseaya) 2016, 2月 21 というわけで、「CSSを使って蛍光ペンっぽく文字にマーカー線を引く方法」を記事にしてみたので、サクッと見ていきましょう！ スポンサーリンク HTML側の準備 HTMLでは次のようにしてあげればOKです。HTMLがよくわからない人は、とりあえず投稿画面に次のように記述すればOKなのね、ぐらいに捉えておいてください。 また、WordPressを使っている人は「テキストモード」にしてから記述しましょうね。 ・文字強調なし <span class="gray-

今更聞けない、デジタルマーケティングの基礎知識から、最新のアドテクまで、あなたに役立つ情報をご紹介します。 Webサイト制作はWebマーケティングの基本です。Webサイト制作では、ツールを利用することで効率化できる作業が多くあります。 今回は、ブックマークしておきたいWeb制作に役立つWebサイト・ツールを目的別・場面別でまとめました。 Web制作時に必要な素材やパーツを揃えるのに役立つツール、Webサイト 1.amCharts amChartsは、無料でFlashによるパイチャートや円グラフを作成できるツールです。Flashに関する知識がなくても使えるのが特徴です。 amChartsはグラフ化したいデータなどを設定ファイルに書いていく作業だけで簡単に見た目の優れたグラフを作成できます。 グラフの種類やデザインを調整でき、制作するWebサイトに合ったデザインのグラフを手軽に作りたい場合に役

制作：Richard Tilbury Web: http://www.richardtilburyart.com/_/Home.html このチュートリアルでは、人の目をペイントしていきます。最初に必要なことは、できるだけ多くの資料、リファレンス写真を集めることです。鏡も役に立ちます！よく見ると、目はそれぞれに固有の色と形を持っていて、肌も写真によってそれぞれ違うことが分かります。ライティングも、肌自体だけでなく、目のレンズが光をどのくらい反射するかを決定する重要な役割を果たしています。 ステップ 01 リファレンスが手元に揃ったら、光源を決め、標準のチョークブラシを使って、ごく大雑把に形と色をペイントするところからはじめます。図01に、目をペイントするために用意した基礎となるテンプレートを示します。1つのレイヤーに肌の色を作成してから、白目（強膜）、虹彩、瞳孔をそれぞれ別のレイヤーに追加

WebサイトやアプリなどのUIデザインのアイデアに困った時の参考に、そして勉強になるサイトを紹介します。 ページのレイアウト、UIのさまざまなコンポーネント、動きが気持ちいいアニメーション、実装のテクニックなど、定期的にチェックしておきたいサイトばかりです。 UI Patterns ページのレイアウト、ナビゲーション、データコンテンツ、フォーム、ユーザスクリーンなど、インタラクティブ性の高いUIデザインのさまざまな事例から、UIの問題を解決するデザインのパターンが紹介されています。 ローンチして間もないサイトですが、内容は非常に充実しています。 Collect UI DribbbleでUIデザインを探す人には、かなり便利です。日々アップロードされるDribbleのアートワークのUIデザインに関するもののみをコレクションしているサイトです。 このサイトもローンチしたばかり、登録数は2,000

株式会社Branding Engineerは、ITデザイナーのための転職マッチングサービス「Design Stars（デザスタ）」のベータ版を提供開始した。 同サービスは、ITデザイナーのためのポートフォリオ型転職サービス。2015年12月18日に正式リリースを行ったITエンジニアの転職サービス「Tech Stars」に続く、ダイレクトリクルーティング型のサービスとなっている。 ITデザイナーは登録後に、自分のスキルやポートフォリオなどを記入し、企業がデザイナーのプロフィールや作品集を見て直接アプローチを行うことができる。企業はスキルを見て判断をすることができるため、面接までの判断がしやすく、デザイナーも自分のスキルを見た企業と出会えるのでミスマッチを防ぐことができる。

桜のカテゴリーでは、 春空と満開の桜写真、 美しい花が咲く桜背景、 白い花びらが綺麗な桜画像など、 高画質＆高解像度の画像・写真素材を無料でダウンロードできます。全ての写真や画像が商用利用可能な背景フリー素材として自由にご利用いただけます。

グラフィックデザインの仕事で、デザイン案の出し方として、バリエーションをもっと出していくにはどうしましょうか、というお話です。 このブログの以前の記事で、3案出すための方法をお話ししました。 ＞＞＞デザイン3案、アイデアを出すための方法 この記事で、まずオススメなアイデア出しの方法として、 ・写真を使った案 ・イラストを使った案 ・平面構成を使った案 の３つを出すと、「違い」を見せやすい、とお話ししました。 それで、この３案を出したとします。 ところが、現場ではありがちなことですが、お客さまは「写真で３案見たい。」などと言い出します。 また、そうでなくても、最初から「写真がいい」というような条件があることもあります。 そこで、今回は、さらにバリエーションを出していく方法についてお話ししたいと思います。 厳密に言うと、「提案」と「バリエーション」は少し違います。 A案 B案 C案 という複数

デザイナーとして日々の制作に向き合っていると、自分のデザインにマンネリを感じることはありませんか。クライアントや商品が変わっても同じあしらいをよく使っていたり、アクセントの付け方が似ていたり。もちろん自分の中で定番のデザインがあることは、効率的でもあり、デザインの個性とも言えます。しかし、そのマンネリを抱えたままで良いのでしょうか。 そこで今回は、Webの領域から少し視野を広げて、ビジュアルコミュニケーションの源泉とも言えるグラフィックデザインから、表現の幅を広げるためのヒントを探ります。 現在フリーランスで活躍されているアートディレクター／グラフィックデザイナーの横山 徳（よこやま のり）氏をFICCにお呼びし、勉強会を開催しました。普段どのような考え方でデザインを制作し、またどのようにその表現力を身につけているのか。Web制作にも活かせそうなヒントを伺いました。 お互いの実績を紹介し合

すごい！こんな文字がフォントに！古文書みたいなフォント「春秋-tsu-フォント」は、「漢字なりたちブック」（太郎次郎社エディタス刊）のために金子都美絵さんが作成した古代文字データをフォント化したもの。小学校で学習する漢字1006字のうち、古代文字の判明している975字が収録されています。 収録文字には甲骨文字・金文・篆文の中から楷書が絵から生まれてきた、ということがわかりやすいものが選ばれ、フォント化にあたり文字組のときに統一感が出るように太さや形が整えられています。漢詩がいい感じにハマるー。 フォント名は、東アジア文化の芽吹きとなるさまざまな著作が生み出された「春秋戦国時代」（紀元前8〜3世紀）に由来します。当時の文字と現代の文字とがつながっていることを感じさせてくれる名前ですね。 春秋-tsu-フォントで、小学校1年生で習う漢字を入力してみました。1年生の漢字は象形文字が多いので、漢字

たまにWebサイトで、 http://example.com/?p=記事番号 http://example.com/2015/10/日本語の記事投稿名 となっているもの。 「http://example.com/」はトップレベルドメインもしくはドメインといい、ドメイン以降の「/?p=記事番号」や「/2015/10/日本語の記事投稿名」をパーマリンクといいます。 上記の設定はあまりおすすめできません。 パーマリンクはWEBの運営開始の早い段階で考えておいた方が良い項目です。 なぜか。 それでは説明していきたいと思います。 パーマリンクとは？ 個々のページを示すURLのことで、Blogであったらそれぞれの投稿記事に割り当てられるURLのことを指すこと。 なぜ、早く考えておいた方がいいの？ 例えば、「そうなんだ・・・では変えようかな！！」と思ったとしても途中で変更してしまうと、いろいろ問題が起き

Webサイトやアプリを始めとして様々なプロダクトをデザインする際には、最終的に顧客に喚起してもらいたい行動 = コンバージョンを常に意識する事が重要になる。その為には気つけたいポイントが幾つかある。まずは最低限のユーザビリティーを確保する事。 コンテンツが見やすい、情報が伝わりやすいナビゲーションが分かりやすい、求める行動が起こしやすい等の基本条件を満たしている必要がある。ユーザビリティーの高いウェブサイトはこの基本条件が全て達成出来ている。 優れたユーザビリティを実現する25のUXデザイン基本概念 ユーザーエクスペリエンス (UX) 設計においては、ユーザーの心理を理解し、望んだ行動パターンを喚起させる事が重要なポイントとなってくる。例えば、ボタンをクリックさせたり、フォームを送信させせる等のユーザーに運営側が望んだ動きを導きサイトに戻ってくるようなエクスペリエンスを与えるのがいわゆるエ

This domain may be for sale!

ブログやメディアサイトを運営している場合、画像探しって結構時間かかりますよね？ 今回は画像探しの時間を短縮するために、 おすすめのフリー素材、無料画像を提供しているサイトを厳選して100サイトピックアップしてみました。 ぼーっと探していたら、すぐ10分、20分と時間が経ってしまいます。 しかし、この100サイトを有効活用すれば、画像や素材の悩みは全て解決です。 どれも高画質揃いなので、ついウットリしてしまいます。 ぜひ、楽しみながらチェックしてみて下さい。 （※１、ネット上の画像には、様々な種類のライセンスが設定されています。各サイトの利用規約に従い、正しくご利用下さい。） （※２、↓ちょっと目次が長いですがご勘弁を。） まずはいくつかカテゴリ分けし、カテゴリごとのおすすめサイトをピックアップします。 始めに女性画像を扱うサイトをピックアップしてみました。 マーケティングの世界では、“笑顔