こんにちは。デザインおよびコーディングなどを担当しております、黒木です。

ウェブサイトに使用するアイコンをデザインする際、どんなデザインにするべきか、いつも悩みます。フリーで使用する事のできるアイコンセットなども、ネットではよく転がっているようですが、やはり新規でデザインするサイトのテイストにあったアイコンというのは、なかなか見つからないものです。

今回は、アイコンのデザインに参考になりそうな、アイコンの「ラフスケッチ」を、さまざまなSNSからまとめてみました。フリーアイコンのまとめではなく、ラフスケッチです。

まずは’Designspiration’から、いくつかピックアップしました。

Vizzywig iOS Icon Design Process

http://designspiration.net/image/4762182974613/

映像を編集するアプリのアイコンでしょうか。

iPhone App Icon Sketches — Stage 2

http://designspiration.net/image/4762181802975/

カメラアプリのアイコンのようです。描きこみが凄い…。

Jillian Fisher // Illustrations & Things

http://designspiration.net/image/156251236221/

こちらはうってかわってシンプルなアイコン集。

Making_of

http://designspiration.net/image/1056560173031/

Safariっぽいアイコンと碇、浮き輪などの海をイメージしたアイコン。ちなみに救命浮輪のアイコンは、海外では”よくある質問”などのページに使用される事が多いようです。

次は’dribbble’。こちらは有名ですね。

Talents

http://dribbble.com/shots/901178-Talents?list=show&tag=icon_sketch

色つき。中世ファンタジーをテーマにしたゲームアプリのアイコンでしょうか。

Sketch

http://dribbble.com/shots/657818-Sketch?list=show&tag=icon_sketch

汎用的に使えそうなアイコン集。

Hamburger

http://dribbble.com/shots/1105025-Hamburger?list=show&tag=icon_sketch

これはもうアイコンというか…。何時間かけたんでしょうか。

Video editor icon

http://dribbble.com/shots/970335-Video-editor-icon?list=show&tag=icon_sketch

こちらも映像アプリっぽいアイコン。緻密に設計しているのが伝わります。

Icons

http://dribbble.com/shots/1016618-Icons?list=show&tag=icon_sketch

カフェやレストランなどで使用できそうな、ポップで明るいアイコン。完成図と合わせると非常に参考になりますね。

他にも’behance’など、デザインインスピレーションを与えてくれるSNSがたくさんあります。”icon”や”sketch”などのキーワードで検索してみると、色々面白いものが見つかりますよ。
皆さんもぜひ探してみてください。

はじめまして。
主に病院サイトの更新を担当しているかとうです。
わたしが更新の際によく利用している機能に画面のモノクロ表示・白黒反転表示があります。

長時間白背景のディスプレイを見ていると目が疲れてしまいます。
そんな時に黒字に白表示へ切り替えると目の負担が軽減できます。

設定方法は「システム環境設定」→ 「ユニバーサルアクセス」の「表示」項目のチェックボックスを切り替えるだけです。

標準機能なので、当たり前に使われているものだと思いますが…
個人的には、病院サイトの更新の際にとても助かっている機能です。
病院のホームページなので、たまに、ちょっと正視し辛い内蔵系の画像等を掲載する必要があります。

そういったときにこの機能で写真の色味を反転することで、落ち着いて更新を行うことができています。

こんにちは。主に医療関係のディレクションを担当している伊藤です。

今回は、「医療系サイトにあると便利なCMS」をご紹介します。

CMSは、いつでも自分で簡単に更新ができるシステムのこと。
＜急な変更や案内＞を、患者様に＜できるだけ早く！＞お伝えしたいコンテンツへの導入がオススメです。

病院サイトでの、マストといえるぐらいCMS化すると便利なのは＜外来担当表＞です。

メディカルデザインのフロント画面とCMSの管理画面の一例をご紹介します。

ぱっと感覚的に使いやすいものになるよう開発しています。

その他では＜新着情報＞＜診療時間案内＞や＜休診情報＞も、あると便利。
先生の急な変更にも、即時反映が可能です。

急ぎのお知らせではなくても、医療講演などカレンダー形式での掲載が簡単にできるCMSもありますよ。

即時反映できるCMSって便利かも！なんて思ったら、お気軽にご相談くださいね。

どうも。どうでもいい知識とタスクだけが溜まるディレクターの平田です。
webディレクターやってる割にブログなんて書いたことないのですが書かせて頂きたいと思います。

他の皆ほど特化したネタもなく、使い古された感がありますが、日ごろ業務でお世話になっているFirefoxのアドオンについてご紹介します。

■ツリー型タブ
仕事柄、お客さんと電話で話しながら参考にするサイトを開きつつご相談やご提案する機会も多く、また困った時の調べ物でたくさんのサイトを開くケースがままあります。

こんな感じに。

これはまだ各タブに何が書いてあるのか読み取れるのでまだマシな方で、開きまくるとタブが縮んで何のページを開いているのか全く分からなくなります。

これを解消してくれるのが「ツリー型タブ」というアドオンで、基本上か下のみにしか表示されないタブバーを右もしくは左に表示してくれる様にするものです。

アドオン追加後のブラウザキャプチャが以下。

今、何を開いてるのか一目瞭然ですね。
設定次第では左に開いているタブの幅をもう少し変更できますし、高さなども変更ができる様です。
また、ツリー型という名が付いている通り、親タブ – 子タブ – 孫タブ – ・・・みたいな事も出来ます。
私は他にもいくつかブラウザを使ってたりしますが、鬼速Chromeに乗り換えきれないのはこちらのアドオンのせいだったりします。

■Pearl Crescent Page Saver Basic screenshot tool
有名過ぎて今更説明するのもなんですが、スクリーンキャプチャ用のアドオンです。
他にも同じ様なアドオンは数多くありますが、使いやすさと軽さの点で必ずこのアドオンも入れています。
画面の構成図を起こしたり、修正指示を出す場合に力を発揮してくれます。

実装するとカメラのアイコンが表示される様になります。（下記画像では左下、サブメニューを開いたところ）

表示部分のみ画像として保存は今ブラウザで見えている範囲のみをキャプチャし、
ページ全体を画像として保存は今開いているページ全体をキャプチャしてくれます。

・表示部分のみ

・ページ全体

このアドオンの存在を知るまではプリントスクリーンでキャプチャしていたのですが、あちらだとページ表示領域以外の余計な部分もキャプチャしてしまうので、その後のトリミング作業が面倒なことこの上無く、今ではこのアドオンなしではキャプチャする気になれません。

取りあえず、今回は上記の二つを紹介しておきます。

　こんにちは。主にJAチームで更新業務を担当している植村です。

　昨日は春のように暖かくて、今日は真冬のような冷たさですね。

　インフルエンザもピークを迎えているようですし、体調管理にはくれぐれも気をつけたいところであります。

　さて、

　私たちのようにPCで長時間作業をする人間は、目の疲労＆視力の低下が気になるところです。

　最近ではブルーライトを軽減するPC用の眼鏡を使用している方が多いようですが、もっとお手軽に目の負担を軽減できる方法があります。

　それが、こちら ↓

　　「f.lux」をダウンロードする　無料 (2014年1月現在)
　　

　もう使用されている方も多いと思いますが、なんとこのソフトウェア、ディスプレイから発光されるブルーライトを調整してくれます。つまり、眼鏡によってブルーライトをカットするのではなく、根本からカットしてしまおうという優れものなのです。

　使い方はいたって簡単、ソフトウェアをダウンロード＆インストール後に”preferences” で設定画面を開き、部屋の明るさや自分の好みに合わせて設定を行うだけです。

　
(1) まずはLocation で現在地の位置情報を取得します
(2) 次にスライダーを操作して自分の好みの明るさを調整します
　　※ 位置情報を設定することにより時刻を取得 → 日中の明るさと日没後の明るさを自動で調整してくれます
(3) Done をクリックして設定保存すれば終了です

　デザイン関係の作業など、色を扱う作業時には不向きですが、事務作業などで長時間画面を眺めなければならないときなどにはなかなか重宝するのではないでしょうか。私自身、使い始めは「画面が少し暗いかな」なんて感じていましたが、不思議とすぐに慣れて、いまでは設定を戻すたびに「画面青い！目痛い！」とまで感じてしまいます(笑)　。まあ、効果のほどがどれだけあるのかは実際のところ定かではありませんが・・・試してみる価値はあると思います。数千円を払って眼鏡を買う前に。

　以上、目の負担を軽減してくれる(かもしれない)フリーソフト 「f.lux」の紹介でした。
私、この記事を書くまでMacのみのアプリだと思い込んでいて、Mac使いの優越感に若干浸っていたところがなきにしもあらずでしたが、調べてみたところ普通にWindows版もリリースされているみたいです。今回はMac OSでの設定方法についての解説でしたが、Windowsでも同様に設定できると思いますので、皆さん是非試してみてください。