このウェブサイトは販売用です! penguinbox.net は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、penguinbox.netが全てとなります。あなたがお探しの内容が見つかることを願っています!
最初に勤めたWeb制作会社で教えてもらったコンテンツの見やすさを作るポイント 2013/01/24 | カテゴリー: Creative | タグ: tips, 考え方 タイトルとURLをコピーする Tweet これについては色々な意見があるかと思いますがw デザイン未経験の私はそんな風に教えてもらいました。 デザイン途中で息抜きする際、 ぬわーっと入り込んでいたディスプレイから離れてみて、 「伝わりやすいように」というのを意識しながら、 俯瞰というかユーザー目線で見直してみるというのをやったりしてます。 1. タイトル コンテンツごとに、タイトル(見出し)を入れていくことによって、 文章にリズムが生まれ読みやすくなります。 タイトルも改行もなく、 ただただ文字が並んでいる文章を読むのは、 かなりのストレスです。 また、タイトルの装飾によって、 さらに見やすいページにすることが可能です。 2
最近上京してきたんだけど東京とか物価高くてやんなっちゃう。ほんともう特に家賃とか駅から徒歩30分とかそれってもう徒歩圏内じゃなくない?あ、どうも僕です。 今日はクライアント(ブラウザ)側で高速にページを表示させるために、最低限押さえておきたい簡単なテクニックを厳選してお届けしちゃうよ! WebサイトやWebサービスを作る上で、ユーザを獲得するには応答時間を早めることがとても重要なファクターなんだ。 統計的にも応答時間とユーザのリピート率との相関性は実証されていて、例えば、表示までに時間のかかるサイトなんかは、もう二度と使わねぇとか思っちゃうよね! それほど応答時間というものはユーザを獲得する上でもかなり重要なんだ! HTTPリクエスト数を少なくする Webページが表示される際、まずはベースとなるHTMLが読み込まれてから、ページにリンクしてある画像ファイルやスクリプトファイルなどを読み込ん
例えば、以下を見比べてみて欲しい。どちらの方がお買い得に見えるだろうか? たったの3万円で1年間使い放題です。1日当たりたったの100円以下で使い放題です。おそらく、ほとんどの方は後者の方がお得だと感じているだろう。このように、同じ商品でも伝え方を変えるだけでお客様に「お得感」を持ってもらうことができる。 このPAD効果は、継続性を持った商品であれば、会員権だけではなく様々な商品に適用することができる。例えば、以下のように、、、。 健康食品:1食当たり○○円サプリメント:1回当たり○○円マーケティングソフトウェア:1日当たり○○円コンサルティングサービス:1日当たり○○円英語教室:1回当たり○○円etc重要なのは、商品自体を安く見せることではなく、お客様が、「この価格で、これだけの効果が得られるなら安いものだ」と思って頂くということだ。つまり、商品を納得して買って頂く上で重要なのは、価格そ
会社でWebサービスを作っていると楽しいですが、まったく自分の思い通りにいくわけではありません。 会社でやる以上、収益性の面や様々な人の客観的な意見もあり、形にするまでに時間もかかります。 クリエイターであれば自分のアイデアを100%活かしてサービス作りたい、という気持ちは誰にでもあると思います。 会社では企画が通らなかったけど、だったら個人ででも作ってやろう。 そういう方はたくさんいらっしゃると思います。 IT業界では、「なんか一緒に面白いことやりたいよね!」「なんかすごいことやりたいよね!」というのは挨拶代わりのようによく聞きます。 でも実際に形にしている人はごくわずかで、週末や帰宅後の時間を使うにしてもなかなかにできることではありません。 (だから電車の移動中や週末とか使って作っているような人は本当に尊敬します。) 自分がなんでいつも挫折するのかな、ということを踏まえたうえで、モノづ
WEBディレクターは平均点の高いゼネラリストである WEBクリエイティブのディレクションという仕事の範囲は多岐に渡る。提案段階では見積もりの依頼対応から、要件にあった技術とデザイン、実現可能なWBSの作成、運用フローの策定などプロデューサーと相談しながらプロジェクトの骨子を決める役割がある。 プロジェクトがスタートすれば常に進捗管理に目を配り、クライアントの追加要望に対する調整業務も発生する。上がってきた制作物にしっかりと目を通してクオリティーをコントロールをして、成果物というゴールに向けて走り続ける仕事である。 こんな広範囲の仕事をこなすには経験と日頃の姿勢が重要になってくる。デキルWEBディレクターはどんな特徴を持っているのか考えてみようと思う。 1. 作ることが好き WEBクリエイティブの現場はものすごい数のタスクにあふれています。一つ一つが深く重く、何かわからないことがある度に人に
WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ
IT の世界は, よく省略名が使われます. そもそも IT ってのが Information Tecnorogy の略ですしねw HTML(HyperText Markup Language) も例外ではありません. HTML で使われるタグは, ほぼ省略形で記述します. 例えばテーブル. テーブル系の要素は tr, th, td ってのがありますね. これらの要素を単純にそのまま覚えてしまうとふとコーディングをするときに最初に書くのって tr だっけ? td だっけ?? 中に書くのは th だっけ? tr だっけ?? なんてことになります. HTML 学びたてのかたは経験したことがあるのではないでしょうか? そこで今回は, HTML のタグを一度覚えたら一生忘れないようにするためのコツを紹介します. 紹介するコツをマスターすればそんなことは一切なくなります. コツといってもやりかたは簡単
Webパフォーマンス ベストプラクティス Last updated: 02 October 2012 翻訳:@t32k WebページをPage Speedで調べるとルールに準拠していないものが提示される。このルールというのは、一般的にあなたが開発段階において取り入れるべきフロントエンドのベストプラクティスだ。あなたがPage Speedを使用しようとしまいと、私たちはこの各ルールについてのドキュメントを提供する(たぶんちょうど新しいサイトを開発中でテストする準備が整ってないだろう)。もちろん、これらのページはいつでも参照することができる。私たちはあなたの開発プロセスに取り入れてもらうために、このベストプラクティスを実装するための明確なティップスと提案を提供する。 パフォーマンス ベストプラクティスについて Page Speedはクライアント側からの観点でパフォーマンスを評価し、一般的にペー
Creating a Complete HTML5 Drag and Drop File Uploader with jQuery | InsertHTML ドラッグ&ドロップでファイルをアップできるHTML5のデモ。 デスクトップなどからファイルをブラウザにドロップしてサムネイルを表示→ボタンを押下でアップロード実施というインタフェースのアップローダ実装デモです。 ソースをDLしてそのまま使うことも可能です。 ドロップするとサムネイルと共にボタンが表示されます。 ボタンを押すとファイルがアップロードされます。 使い慣れるといちいちダイアログからファイルを選ぶのが馬鹿らしくなりますね。 サンプルにはPHPスクリプトもおまけでついてきますが、値をValidateしていなかったりするため、実際に利用するには注意が必要そうです。 関連エントリ これは必見のWEBデザインの近未来。HTML5で構築
今回から3回にわたり、ECサイトの色選びについて学んでいきましょう。ECサイトにおいては、何よりも重要なのはその商品を売ることです。そのためには正しい色を使って、伝えたい情報を確実に伝達させ、機会損失を減らす必要があります。 自社の商品を販売しているのでなければ、多くの商品は競合サイトでも販売されているはずです。単にサイトのデザインや配色がよいだけで売れるわけでないことは、実際にECサイトを制作・運用したことのある人であれば、既に理解されていることでしょう。 では美しい色彩が必要ないかと言われるとそうではありません。美しいかどうかは主観によりますが、その商材を販売するのに適した配色である必要があります。また訪問者にサイトを印象づけることで、再訪しやすくすることも重要ですし、ユーザビリティに配慮してストレスを感じさせることなく購入してもらうための流れを作る必要もあります。 例は同じ写真を利用
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
実際にホームページを作り始める前に、プロのWEBクリエイター達がもっとも意識する点は、おそらく【Webサイトを制作する目的・目標を明確にすること】だと思います。なぜこの目的・目標の明確化をもっとも意識するのか。それは目的・目標こそがホームページの成功を根底から左右させるからです。 今日はそんな目的・目標の大切さや、明確にする方法を紹介させていただきます。あなたがクライアントのために作ったWEBサイトには明確な目的・目標がありますか?新人webディレクター・デザイナーには特にこのことを考えていただきたいと思います。 ほとんどの人は、目的や目標を自然に考えながら生活をしています。 例えば鏡の前で『夏までにやせなきゃ!こんな体、彼氏に見せられない!』と思った場合。人は『彼氏にもっと好きになってもらうために、美しく引き締まった体を作り、キレイだと思ってもらう』という目的を作り、どんな手段を用いて目
以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの?」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる
7月7日に行われる面白法人カヤックのイベントである「777☆カヤックフェスティバル」に向けて、 6月6日〜7月6日までの間、 ディレクター、エンジニア、フロントエンジニア、デザイナー、 全職能のブログを、同じテーマの記事でつなぐ「777ブログウェイ」を実施していました。 23人のカヤック社員が、「つくるための3種の神器」をテーマにブログを書きました。 そのまとめ記事になります。 デザイナーまとめ 新しいPCに入れる基本ソフト3つ:Windows版 新卒Webデザイナーが考える「五月病」を脱却する方法 Workflow para reducir el tamaño de tus assets デザインするための三種のリファレンス グラフィッカーの三種の神器!? 思わず絵が描きたくなる(!?)三種の神器 ディレクターまとめ もっと知りたい!「好奇心」をつくる3つの視点とサービスを紹介します
CSSの勉強中に色々困ることが起きて検索するのですが、だいたい同じところに行き着くので自分用のリンク集も兼ねてまとめておきます。 仕様を確認するとりあえずW3Cを見に行った方が早い。 そもそもプロパティや値について分かっていない場合はここで解決することが多い。 CSS current work & how to participate現在の状況と仕様書の目次。CSS3の日本語訳集 - 血統の森 web実験小屋日本語訳へのリンク集。W3Cの目次から探すのが面倒なときはGoogleで「w3.org プロパティ名」で探すと早い。「devs.w3.org」と「www.w3.org」を分けて検索するのもいいと思う。 ブラウザの対応と実装対応しているかどうかだけの場合は以下の2つのサイトで事足りる場合も多い。 When can I use… Support tables for HTML5, CSS3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く