パソコンのシャットダウンが出来なくなりました。 再起動やシャットダウンしようとすると、 ［HD革前/BackUp Next 現在、バックアップ／復元中の処理があります。コンビューターをログオフ、シャットダウンする場合は、バックアップ／気を停止させてください。］とメッセージが出て出来なくなりました。 バックアップ中のものはキャンセルしましたが改善されませんでした。HD革命開くと更新確...

【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ 前記事：「少しの手間で大きく変わる、細部にこだわった Web デザインを」 角丸のベースになんの装飾もない文字を載せたボタン。これをかっこよく加工してみましょう！ グラデーションを加えるまずは 500 x 270 px でキャンバスを新規作成します。 一つ目のレイヤーに角丸のボタンのベース、２つ目のレイヤーに文字を入力します。これで準備完了です！ ベースのレイヤーを選択し、レイヤースタイルを設定します。「グラデ

少しの手間で大きく変わる、細部にこだわったWebデザインを「デザインしてみたけどなんだか物足りない…」そんな経験ありませんか？私はよくあります。それで色を変えてみたり、形を変えてみたりと色々試してみるのですが、結局どれもしっくりこなかったり。そんな時は元のデザインにほんの少し手を加えるだけで納得のいくデザインに変わることが多いんです。わずかな装飾で大きく印象を変える。そんな「ひと手間」に注目してみましょう！ 追記： Photoshop を使った加工の仕方を記事にしてみました！ » 【実践編】少しの手間で大きく変わる、細部にこだわった Web デザインを グラデーションを加える「デザインしてみたけどなんだか物足りない…」そんな時はわずかなグラデーションを加えるだけで立体感がでて、ノッペリしたデザインを一新することができます。アレコレ装飾するよりもシンプルかつ王道。 ヘッダーのビビッドな背景色

レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ

Webサービスの名前をつける時のアイデアいろいろ新しくWebサービスやアプリを作るとき、悩むポイントのひとつとなる「サービスの名前」。悩めば悩むほどよくわからない名前になってしまったり…。私ははっきり言って結構苦手です…が、しなきゃいけない時があるので、研究＋ない頭振り絞って考えました。名づけのプロの方の助言なんぞあれば嬉しいですｗ まず、Web サービスの名前を考えるにあたって、有名な Web サービスをあげてみました。Facebook、Twitter、Flickr…。どれも短く、英語でいう「2 音節」です。音節とは母音を中心としたまとまりで、音節が増えるほど長い単語になります（音節について詳しくはこちら）。2 音節というのはサービス名としては短く、リズムカルに発音することができます。 それをふまえ、私の考えた Web サービスの名前を考える時のポイントを挙げてみます。 シンプル・言いや

2014年8月17日 Webサイト制作, 便利ツール Webサイト制作の準備編２：Webサイトの構成図（サイトマップ）。どのページがどこへリンクするのか、ページの重要度など、Webサイトの構成を図にまとめておくと製作途中で変更があった場合でも整理しやすくなります。Webサイトの構成図を作るときのポイントと便利なオンラインツールをまとめてみました。 ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その2 目標：Webサイトの構成を明確にする 必要なもの：紙とペン 対象レベル：超初心者OK！ 目次 誰のため？何のため？Webサイトを作り始める前に。 Webサイトの構成図を簡単に作れる便利ツール ←今ここ Webサイト設計図 – ワイヤーフレームの作り方 PhotoshopでWebサイトのデザインをしよう Photoshopでスライスし、パーツ画像を作成するコツと方法

2013年3月23日 Webサイト制作, 便利ツール Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わせでも大活躍。ここではワイヤーフレームを作る為の便利なオンラインツールと「ワイヤーフレームは手描き派！」という人のためのPDFテンプレートを紹介します。 ↑私が10年以上利用している会計ソフト！ オンラインで使えるワイヤーフレーム作成ツール iPlotz iPlotzのWebサイト とにかく多機能でおすすめ。ワイヤーフレームを作る他にプロジェクトマネージメントもできます。オンラインでシェアしたり、JPG, PNG, PDFでの書き出し可能。 トライアルをするにはまずトップページから「Get S

2017年6月29日 便利ツール 以前「ホームページを作る人のネタ帳」さんにインタビューして頂きました！内容は「顧客と会わないウェブ制作には、何が求められるのか？」。私自身オンライン上でお仕事を頂くことが多いため、様々なオンラインツールを駆使しています。そんな便利なツールをいくつか紹介したいと思います。 ↑私が10年以上利用している会計ソフト！ まず、Yamadaさんありがとうございました。 「ホームページを作る人のネタ帳」の運営者Yamadaさんからこの記事についてのメールを頂いた時はかなり驚きましたが、本当に親切にして頂き、大変光栄です。私のインタビュー全文はこちらのページに紹介して頂いてますので、お時間のある方はぜひ覗いてみてください！ 使用しているオンラインツール インタビューにも載っていますが、実際に会って打ち合わせができないクライアントとコンタクトをとるためのオンラインツールを

配色パターンからWebデザインを考えるページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 まずは色彩の三属性について色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽快なイメージに、明度が低い＝暗い色は重厚で落ち着いたイメ

2017年6月29日 Webサイト制作, ユーザビリティ サービス系・企業系Webサイトでよく見かけるサポート関連のコンテンツ。問い合わせをせず、自己解決を望むユーザーが増加し、よりよいサポートページの作成が必要となってきています。ユーザーが抱える疑問を積極的に解消するWebサイトを作成し、問い合わせ数を減らせば、ユーザー・企業側ともに手間を省くことができます。また、Webサイト内だけで解決できなかった疑問も素早く対処する事でユーザーのストレスを軽減することができます。そこに注目し、どのようにWebサイトを設計していくのかを考えてみました。 ↑私が10年以上利用している会計ソフト！ 問い合わせを未然に防ぐ サービス関連のWebサイトでは、同じような質問を何度も受ける事が多いです。そのような質問にひとつずつ回答していくのは非常に非効率。どのような問い合わせを受けやすいのかを的確に理解し、ユー

「ホームページを作る人のネタ帳」さんのリデザインをしましたWebデザインには大きく分けて2種類あります。新規作成と、既存のサイトのリデザインです。今回「ホームページを作る人のネタ帳」さんのリデザインをお手伝いさせて頂きました！リデザインにあたり、改善点やリデザインの流れをケーススタディーとして公開してみようと思います。 打ち合わせ「ホームページを作る人のネタ帳」さんのリデザインにあたり、まずは入念な打ち合わせをします。Yamada さんからの要望は、 とにかく読みやすく、スッキリと差し色にピンクを使いたいjQuery を使った何か仕掛けが欲しいの三点。文章主体であるこちらのブログでは読みやすさが命。スッキリとしたデザインを第一にしてほしいとのこと。また、「ユーザーに数秒でもいいので楽しんでもらいたい」という思いから、何か仕掛けを、と依頼されました。Yamada さんらしい遊び心ですね！それ

基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

フェンリルのプロダクトSleipnir タブの切り替えさえも1フリックで片付く。 最速タブのモバイルブラウザ。 株式会社大丸松坂屋百貨店 株式会社JFR情報センター大丸・松坂屋アプリ 全国14店舗の「大丸」「松坂屋」の 便利でお得なアプリ。 フェンリルのプロダクトNILTO 磨き込まれたインターフェースで、 チームの理想を実現するヘッドレスCMS。 フェンリルのプロダクトBrushup イラスト・写真・動画などのレビューを効率化。 高速コミュニケーションツール。 東海旅客鉄道株式会社EX アプリ 新幹線の指定席予約、変更等が行える 「エクスプレス予約」「スマート EX」の公式アプリ 九州旅客鉄道株式会社 JR九州コンサルタンツ株式会社トンネル検査支援アプリ トンネル検査の省力化と 精度向上を目的としたアプリ。 GROOVE X 株式会社LOVOT 世界に1体、あなただけのLOVOTと 楽し

favicon(お気に入りアイコン)のつくり方の概要です favicon（ファビコン)とはページをブラウザのタブや、お気に入りに入れたとき表示されるアイコンのことです。ほとんどのサイトにはfaviconが用意されてあるので、ないときは手抜きと思われてしまうかもしれません。 サイト独自のfaviconを作って、お気に入りの中やタブでもサイトの個性を表現しましょう！

知らぬ間に会社設立から1ヵ月が経過していましたが、この勢いで時間が過ぎると忘れてしまいそうなので、今覚えている範囲で会社を設立するまでにやったことをまとめておきたいと思います。これから起業しようと思っている人にとって、ちょっとしたヒントにでもなれば幸いです。 本当に起業したいかを考える よく言われることですが、会社を設立するということはゴールではなく始まりであり、それなりのリスクもあります。もちろん、サラリーマンでいることにもリスクはありますが、収入が安定しないことを想像すると怖くもなります。そういう怖さと自分でやりたい思いを天秤にかけて、それでもやりたいと思える人はぜひやるべきと思います。私の場合は、たまたま家族・親戚のほとんどが自分で会社をやっていて、それが当たり前の環境で育ったため、自然と自分でやるものだと考えていました。そして最後は、どれだけ準備をしても100%大丈夫ということはな

2014年8月22日 便利ツール WebデザイナーさんやWeb関連のお仕事をしている方におすすめのiPhoneアプリをいくつか紹介します！使用しているWeb関連以外のアプリは、以前書いた「使用中の無料iPhoneアプリ31」をご覧ください！　※紹介しているiPhoneアプリの値段は執筆時のものです。購入時はご確認ください。 ↑私が10年以上利用している会計ソフト！ WebデザイナーにおすすめのiPhoneアプリ 目次 Web制作関連 配色関連 画像加工関連 お仕事効率化 Web制作関連 1. FTP On The Go FTP On The Go PROをダウンロード（850円） どこにいてもFTPサーバーに接続できて、ファイルのダウンロード・アップロード・編集ができちゃう優れものアプリ。FTPのURL・ID・パスワードを入力するだけで接続完了です。新規ファイルやフォルダの作成、パーミッシ

デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！

2022年5月18日 【iCARE Dev Meetup #33】 デザイナー目線のユーザーとの向き合い方 でのスライドです。ユーザーインタビューをするとき、私たちはつねに「認知バイアス」にさられています。認知バイアスの影響を受けると、私たち自分に都合のよい情報ばかりピックアップしてしまいます。ユーザーにしっかり寄り添ったプロダクトをつくるためには、きちんとバランスのよいユーザーインタビューをする必要があります。本セッションでは、陥りがちな認知バイアスをミニワークを交えて体験し、ユーザーインタビューで気をつけるべきポイントを解説します。 なお、今日の登壇を誘ってくださった @murokaco さんが熱心な研究員（BiS というアイドルのファン）なので、 BiS（第3期）のデビュー曲「BiS -どうやらゾンビのおでまし-」をタイトルに入れてプレゼンしています。

あなたが書いているいつもの「ビジネスメール」、一度見直してみませんか？「相手にいい印象を与えたい」「文面を効率良く作成したい」「送信ミスをしたとき、上手に対処したい」など、ワンランク上を目指すためのメールテクニックを集めました。 ■ 相手の心を動かすメールとは？ 文中での言い回しを少し変えてみるだけで、印象アップにつながります。 ＜ワンランク上の言い回しを学ぶ＞ ▽ 美しい日本語を使いたい、ワンランク上のビジネスメールの作法 | コリス 上記のエントリーでは、ビジネスメールでよく使うフレーズを“ワンランク上”に言い換えています。 「変更の件、了解しました」→「変更の件、承知しました」 「資料を受け取りました」→「資料を拝見いたしました」 「取り急ぎ、お礼まで」→「まずは、お礼を申し上げます」 いずれもほんのわずかな違いですが、グッと印象が良くなりますよね。エントリーでは催促のメールや断りの