こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り合う要素との間隔やバナー、ボタンなどの外側と内側の要素の上下左右マージンをできるだけ均一にすることで、デザインがスッキリ見えます。 2. 内側のマージンは外側のマージンより狭く レイアウトなど一番外側とコンテンツの間隔より文章のかたまりや画像同士の間隔を小さくします。基本的にコンテンツのまとまりを作るためですので、デザインによっては広く取って区分ける場合もあります。 3. 段落の下は間隔を広く開け

古代からその存在を知られています。 夏目漱石が、松山中学の英語教師として松山市に赴任した経験を元に書いた青春小説「坊っちゃん」の舞台にもなりました。 漱石の他にも、正岡子規や吉川英治、菊池寛、与謝野晶子などといった文豪が来遊しています。 道後温泉本館明治に立てられ、浴場は小さい霊の湯と、「坊っちゃん」にも登場する大浴場神の湯があります。他にも又新殿や坊っちゃんの間、展示資料室など見どころもたくさんです。 道後放生園道後温泉駅前、道後商店街の入口にある放生園には、昭和29年まで道後温泉本館で使用した湯釜から出る湯を使った足湯があります。憩いの時間を過ごしませんか？ 坊っちゃんからくり時計道後温泉本館の振鷺閣（しんろかく）をモチーフにしたからくり時計は、軽快なメロディに合わせて6時から22時までの一時間ごとに「坊っちゃん」の登場人物が現れます。 道後温泉駅旧駅舎が明治洋風建築の姿で復元されてい

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

これは定規です。 花が入っています。 1cm間隔で並んでいます。 花のひとつひとつに個性があります。 人間が決めた長さの単位を、自然のもので表現します。

HAIR あなたの毎日が今よりもっと輝いて、楽しく過ごせるようにお手伝いさせて下さい。髪や頭皮にやさしいものを使ってみたり、気分転換にヘアスタイルを変えてみたり。いつもの生活を少しだけ変えてみるだけで、きっと楽しく幸せな気持ちになれると思います。BRANCHではそんな皆様の毎日を変えられるよう精一杯のおもてなしをさせて頂きます。 ESTHETIC 髪も顔も見た目を決めるもので、人によってなりたい見た目や悩みは違います。まず現状をきちんと把握し、どんな風になりたいのかをしっかりカウンセリング致します。 肌環境を第一に考え、お顔がキレイになるのはもちろんのこと、内面美容を提供することで、一人ひとりに合わせたお手入れでお肌を健康にして最高の美しさを引き出します。

【Diesel】Dieselで使われているカラー... / #F15C22 / #7A7B7D他...全42件

A simple and fun text opening sequence effect with blurry letters using CSS animations. Today I want to show you how to create a fun little typography effect with CSS animations and text shadows. Maybe you know those eerie opening sequences of movie trailers where some text is being faded in on a dark background. After seeing Introducting Briefs (which is not a terror movie trailer but a preview f

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

これはデジタルカメラです。 ライカM3を、ミニチュアサイズで再現しました。 500万画素のデジタルカメラ機能を搭載しています。 MINOX社製の本格的なデジタル専用レンズを搭載しています。

カメラの学校は、2005年よりオンラインスクール事業に取り組んできたデジタルハリウッド株式会社が運営する、教育系YouTubeチャンネルです。 一眼レフ初心者を主な対象とし、 50,000名以上の方々が会員登録をしています。 ロケを中心とした、ゆるく楽しい授業動画で、 初心者でも気軽に学べる内容となっています。 ...

2024/4/14新着 てづくり家具屋鈴龍 / 静岡県 ロッキングチェア修理依頼しました。 2024/1/17新着 night jasmine / 東京都 素晴らしいお店 2023/9/14新着 KOMA shop 青山支店 / 東京都 洗練されたで木の家具が揃ってます。 2023/6/14新着 西口木工 光明池店 / 大阪府 お手頃な家具がたくさんある 2022/11/8新着 【閉店】岡本総本店 津店 / 三重県 カリモクを見に行きました

こんにちは。 もうすぐ4月も終わりということで、 4月中に話題になったwebサービスやアプリを集めてみました。 nisshi（にっし） まずは、ソーシャル日誌サービスです。 特徴としておもしろいのが、「いいね！」や「コメント」のような、読者の反応を気にしなければいけない機能が「一切ついていないこと。誰かが自分の日誌をみると「read（既読機能）」となり、日誌が読まれたことがわかるシンプルなサービスです。 TABROOM（タブルーム） リクルートが運営する家具情報サイトです。 名称のTABROOMとは「Comfortable：快適な」と「Room：部屋」を足してつくった造語。各種家具の「カタログ」を、色、素材、サイズ別にデータ化し、手軽に検索できるようにしています。 iconbench（アイコンベンチ） PhotoshopやIllustratorなどの技術がなくても、自分好みのアイコンを簡単

忙しい人のための要約 以下の５つのパートで文章を構成する。 Ａ．〈はじめ〉　……内容の紹介・要約 Ｂ１．〈なか１〉　……具体例その１ Ｂ２．〈なか２〉　……具体例その２ Ｃ．〈まとめ〉　……具体例の共通点 Ｄ．〈むすび〉　……上記の共通点の一般化〈としての主張〉 書く順序は次の通り。 １．具体例をあつめる→〈なか１〉〈なか２〉 ２．具体例の共通点を書く→〈まとめ〉 ３．まとめから言えること（主張〉を書く→〈むすび〉 ４．内容を簡単に紹介する入口を書く→〈はじめ〉 （ほかに参考になりそうな記事） ・文章の型稽古→穴埋めすれば誰でも書ける魔法の文章テンプレート 読書猿Classic: between / beyond readers ・物事を論じられるようになるスモール・ステップス→米国の小学生が使う思考ツール 読書猿Classic: between / beyond readers 書くこと

今一番熱い昼食が食べられる楽天の社員食堂にいってきた！2013.04.09 11:0012,553 ギズモード・ジャパン読者のみなさま。こんにちは。ブログ｢和洋風KAI｣の、するぷ（ @isloop ）です。 ｢日本の凄い社員食堂を巡っていこう！｣と始まったこの企画も今回で3回目。3回目の企業は｢楽天｣さんでございます。 いろいろな方面から楽天の食堂も充実していて凄いらしいと聞いていたので、それは｢社員食堂ハンターのワタクシとしてはぜひとも行っとかなければいかん！｣ということで行ってきました！ 噂通り凄い充実っぷりでしたよ！ 楽天食堂は美味い！ 速い！ 色々ある！ な社員食堂だった！ ということでいってきましたよ！ 楽天食堂！ 食堂に入って思ったのが、凄い活気ということ！ これまでいくつかの社員食堂に行きましたがここまで社員さんが利用している社員食堂はみたことがないかもしれません。ちなみに

Googleクラウドプリントはどこからでも、自宅や職場のプリンタに印刷データを送ることができるサービスです。ただのクラウド＋印刷かと思う方もいるでしょう。しかし一度使ってみるとその便利さと拡張性に驚きます。 今回は設定方法とともに、同サービスを更に高機能にするオプションを紹介します。 Googleクラウドプリントで何ができるのか Googleクラウドプリントを使うと、どこからでも文書や画像を指定のプリンタに送ることができます。例えば、家のプリンタで手紙を印刷したいなと、「仕事中」のオフィスで思ったとしましょう。このサービスを使えば家のプリンタに印刷データを送っておけるので、帰宅した時には印刷済みの手紙があなたを待っていることになります。 普通このようなことするためには難しいネットワークの設定が必要です。しかし、Googleクラウドプリントでは何回かのクリックだけで簡単に設定が可能です。Go

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

歴史ブームの影響で、最近は色々なところで見かける機会が多くなった「家紋」。その洗練されたデザインは現代においても全く色あせることなく、多くの人を魅了し続けています。今回はその起源や種類など、「家紋」について学べるエントリーを集めてみました。 ■家紋って何のためにあるの？ その家を表すシンボルとして知られる家紋ですが、一体何のために作られたのでしょうか？ ▽http://www.kamonjapan.com/about/index.html ▽家紋World ▽家紋デザイン研究所 家紋とは、家系・血統・家柄・地位といった自分の出自を表すために、平安時代頃から使われてきた紋章のこと。読み書きができない人でも一目で見分けることできるため、衣服や調度品など、生活の様々な場面で取り入れられてきました。ほぼ全ての家に1つ以上の家紋があると言われており、その図案は植物や動物、天体、文字、幾何学模様など実

インターネットユーザー人口が増えるに連れて、ネットサービスが日常生活に不可欠なものになりつつある。特にアメリカでは国が広く、日本程買い物に行くのが簡単ではないためネットを通してオーダーの可能なサービスが非常に人気がある。その中でも、”サブスクリプション”と呼ばれる毎月決まった額を支払うことで自動的に商品が送られてくるものも多い。 Web系スタートアップがしのぎを削るサンフランシスコ/シリコンバレー地域でも、Web上だけで出来る事は限られているため、数年前からネットで完結するビジネスよりも、オンラインとオフラインを繋げ、ユーザーの生活を豊かにするO2O (Online to Offline) のサービスが注目を集めている。今回は、数あるO2Oサービスの中でも最近アメリカで得に注目されている20の生活密着型サービスを取り上げてみた。 1. BirchBox ユーザーニーズ 自分にはどんな化粧品

創造的かつ感性豊かな発想で人の心に深く響き鳥肌が立ってしまうようなクリエイティビティーとは一体どこから生まれてくるのでしょうか。想像力のリミットを遥かに超えて一般的な常識を根底から覆すような思考を行うには一体何が必要なのでしょうか。 そのヒントは、クリエイティビティーの研究者であるTina Seeligが提唱する、イノベーションエンジンと呼ばれるフレームワークを構成する6つの要素に隠されています。 Imagination / 想像力Habitat / 習慣Knowledge / 知識Attitude / 姿勢Resources / 環境Culture / カルチャー これらは、僕が今までシリコンバレー・サンフランシスコの先進的なデザイン事務所やIT企業、画期的なデザイン教育プログラム、書籍等を通して得た体験や知識とシナジーが高いものなので、今回はこのイノベーションエンジン・フレームワークを

ここ数年でのテクノロジーの進化とデバイスの多極化により、WebサイトなどのUXデザインを行う際に気をつけなければならないポイントが非常に多くなった。 特にユーザビリティーが結果に大きな影響を与えるサービスにおいては、どのような内容のプロダクトであっても高いユーザーエクスペリエンスを達成する為に普遍的にクリアしなければならないポイントが幾つか存在する。 品質管理とコンバージョンアップの実現を目標に、10の項目ごとのチェックポイントのチェックリストを作成してみた。 サービス公開前に必ず確認し、全項目のクリアを目指したい。 1. ユーザーエクスペリエンス関連ユーザー登録する際にユーザーになにかしらの価値を提供 例えば登録ボタンは単純に “登録” ではなく、”無料トライアル申し込み” とした方がユーザーにとってのメリットが伝わりやすい。また、極力無駄な登録はさせない。 料金/費用を分かりやすく表示

高額なフォトショップを持っていない人はこれだけでＯＫ！｜無料オンラインフォトエディター「Pixlr.com」 作成：2011/10/24 更新：2014/11/01 Tool > 様々なオンライン写真加工ツールがありますが、レイヤーが出来ない、日本語フォントに対応していないなどphotoshopには程遠く全く使うに至りませんでした。そんな最中、試行錯誤の結果とても使いやすかったものが決まりました。無料のオンライン写真加工ツールでフォトショップに一番近く使いやすいベスト1ツールをご紹介します。上記と下記の写真はレイヤーを使用する事で部分的に色を出した例です。 エンジニア速報は Twitter の@commteで配信しています。 pixlr.comによる手法： ①グレーに変換したレイヤーを一番上に重ね、色を部分的に消していく ②中心付近は大き目の消しゴムツールで色を消す ③境界線付近は小さめの

Gizmode, CNET, Mashable と立て続けに記事になり，凄すぎると話題のPhotoSketch。 TwitterでもBuzzりまくっています。 【Twitterで旬な話題を調査できる "CrowdEye" より】 (2009年10月7日データ） それでどんなサービスかというと，ラフスケッチの情報をもとに，それに最適な画像をネットが集めてきて，しかも信じられないほど巧妙に合成写真を完成されるというものです。 開発元は Tsinghua University（清華大学）とNational University of Singaporeの共同チーム。 とにかく，まずこの動画を見てください。 PhotoSketch: Internet Image Montage from tao chen on Vimeo. つまり， ごく適当にイメージを書く。 これに名前をつける。 あとはシステ

280 handpicked colors ready for COPY & PASTE

TOP > 勉強 > [ビリギャル]学年でビリだったギャルが、1年で偏差値を40あげて日本でトップの私立大学、慶應大学に現役で合格した話 初対面は、正直、「何しに来たの？」と思った。 彼女は、金髪を巻いたギャルでした。 「ギャル」以外の表現は見つかりません。 「名古屋嬢」という表現がありますけど、まさにそんな感じ。 (このストーリーは書籍化されました。書籍の公式ページはこちら。２０１４年年間ベストセラー総合４位（日販調べ）、第４９回新風賞受賞。有村架純さん主演の映画「ビリギャル」も大ヒット。映画の公式ページはこちら。） 某私立女子高に通っている。上の大学にそのままエスカレーターでは行きたくない。 でも外部進学するほどの学力がない。そんな理由で、紹介を受けて塾に来たとかそんな感じでした。高校2年生の夏。 学力が現在どれくらいかを判断する指標としては、学年でビリ。偏差値30以下。 受験の動機と

この文章は2012年頃に参加した勉強会の後、書いたまま公開しないでいたものです。なんで公開しなかったのかは忘れたけど（多分もうちょっと手を入れてからアップしようと思って放置したまま忘れてた）写研の女社長が亡くなったという話が流れてきたので、今更ながら公開してみます。 私が最初に入社した会社は、地方の小さな広告代理店で、旅行パンフやチラシなどの制作がメイン業務だった。 配属された制作部ではちょうどMacintoshでの制作が主流になりつつある頃で、入った当初は版下の作業とMacでのDTP作業が半々ぐらいだったが「これからはMacだよね！」という空気に押されて版下からDTPへとどんどん仕事が移っている時代だった。その会社には写植機があり、写植を打つオペレータさん（年配の女性の方だった）も在籍していたが、減っていく写植の仕事に、どことなく居心地悪そうにしていたのを覚えている。 入社したばかりの私

前回のエントリ「「制作者のための『正しく刷れる』データ制作のポイント」を受ける前に知っておくべき基本の話」の中で、EPSを使わずにIllustratorネイティブ形式を使おうっていう話で Illustratorの入稿データはPDF互換のチェックをいれて保存してくださいね。 ▲Illustratorの保存オプション。PDF互換にチェックが入ってないと、InDesignに貼れなくて後行程が泣きます。ここはお約束としてチェックを！ とお願いをしたところ 「えっっ、あのチェック入れた事無い…！」 「いままで、入れなかったけど問題なかったよ…！」 「入れろとか言われた事無いし…！」 「何で入れなきゃいけないの？」 と、思いも寄らぬ反発反響をいただきまして。 なので、もう少し詳しく、あのチェックを入れて欲しい理由を説明しようかなと。 チェックが入ってないとInDesignに配置できません 多分、あのチ

CLOSED This site has been closed. 当ブログは2022年12月30日をもって閉鎖しました。 開設から10年間、ご覧いただきありがとうございました。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/nori44/nori44.jp/public_html/blog/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524 ウェブデザイナーを目指す初心者さんにとって、「ウェブサイトって、どうやってデザインしているの？」というのは大きな疑問ですよね。 じつは、多くのウェブデザイナーさんは、Photoshopでデザインをしているんです。 この記事では、どうやってPhotoshopを使えばウェブデザインができるのかを、PSDのサンプルを使って手順

Webデザインのセオリーを学ぼう / Webデザインのウソ・ホント ～ Web らしく... / コンテンツで改善する UI デザインの極意他...全21件

零細・中小企業がWeb制作会社を選定するときのポイントが全くもってずれまくってる件。 公開日 : 2013-04-15 22:15:46 Facebookにポストしたんだけどね。ずれまくってるなって思うってか、疲れてるのに釣られてる俺がしんどい。 零細・中小企業がweb制作会社を選定するときのポイント | More Access! More Fun! Web系の人の中小企業に対する一番の誤解は「予算は数十万〜せいぜい数百万の下のほうがやっと」とか思ってて実際にそう言っちゃうこと。中小企業舐めちゃいけない。 例えばサービス業で10名の中小企業なら「最低でも」年商1億円くらいはあって、税引き前経常10％として利益が1千万円です(普通のレベルで)。だからベンツ乗ってるんですって(俺は乗ってないけどなw)。で、利益の4割は税金にとられるんだから、数百万くらい使えますって。 予算消化ってのは無駄な金

公開日：2013年5月 1日 カテゴリ：月刊まとめ2013 褒められると人間って嬉しくなりますよね 貶されると人間って悲しくなりますよね 感情のコントロールってすごく繊細です。理性は思考を停止させ自我の防衛として建前を述べます。いきる成長というのはそういった過程で築かれていくわけで、懐古な文献に依存、共感し排他的にこたえを導き出すのはナンセンスだと考えます。"見る目"とはそういった本質を見抜くことで紐解かれる真実であり、個の深さを知るチャンスでもあるのです。演奏の中に聞こえる不協和音は誰でも不快に感じるでしょう。しかし、その蟻走感の中でこそ僥倖にめぐりあうチャンスだと考えるべきです。 っという記事を書こうと思ったんですけど、めっさ長くなりそうなのでこのくらいにしてみました。('A')ﾉ 特にプライドが高いと思っている人は、安直に"浅はかな人間"や"愚者"と決め付ける傾向があります、足元すく