スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
スマートフォン 用サイトの作成
基本設計 html5 スマートフォン用サイトはHTML5でマークアップ、CSS3でデザインすることが推奨されています。 HTML5やCSS3についての詳細は以下のリンク先を参照してください。 HTML5 CSS3 画面解像度 iPhone3 までの画像解像度 320x416px (画面全体 320x480px )に合わせる iPhone4 の画像解像度 (画面全体 640x960px ) 以下のようにスマートフォン端末の画面解像度は様々で、縦横で幅と高さが逆転する。 スマートフォン用のサイトをデザインするときは「画像を配置する」でなく、「繰り返し表示できる模様を背景に埋め込む」と考えたほうが良い 端末 画面解像度 (px) (液晶画面全体の解像度)
両国のバー「スキーマ」｜キッチン付きレンタルスペース・カフェ／パーティーにも
ミノキシジルとフィナステリドどっちが抜け毛に効く？ に Shoobbeds より一般的な脱毛症の種類、あなたはどれに属しますか? に Vincentloaph より頻繁に洗髪することで抜け毛が増えやすくなる？ に northernirelandy より頻繁に洗髪することで抜け毛が増えやすくなる？ に perfect-compan より頻繁に洗髪することで抜け毛が増えやすくなる？ に gfe-shanghai より
Web制作をする前にきちんとしておきたいお金の話し。 │ モノづくりブログ 株式会社8bitのスタッフブログです
株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 今回は以前からいつ書こうかとずっと思っていた、Web制作とお金にまつわるお話を書いてみたいと思います。 みんながみんなではないと思いますが、Web業界に携わっている方の大半は本当に良いデザイン、良いサイトを作りたい、という思いが強く、出来れば見積りや請求などのお金の話しには関わりたくない、縛られたくないという方が多いように思います。 どちらかというと私もお金の交渉からは、気持ち的にはできれば避けたいと思ってしまいます。 先日、さぶみっとというWeb制作マッチングサイトを先日見ていたのですが、契約や未払いの相談みたいなものが思いのほか多いのに驚きました。 https://hp.submit.ne.jp/qa いくら仲の良いお客さんでもお金の話しになるとシビアになりますし、支払い交渉はなんだか金金言って
Webデザインがつまらなく見えてしまう理由
魅力が伝え難いWebデザイン Webデザインを説明するのは非常にやっかいです。このサイトでも何度も取り上げては書き続けていることですが、上手く説明しきれていない部分は少なくありません。 最近よく感じることが Web サイトの魅力を伝えるのは難しいということと、そもそも「魅力・良さ」という部分も人それぞれであるという点です。いろいろな意味が含まれていると思いますが、Web における「魅力・良さ」は、見た目や動きに集約されることが多いです。 ときどき、Webデザイン専門学校の先生とお話をすることがありますが、HTML の勉強をずっとしてても、最終的に出て来る作品がフルFlashということがあるそうです。当然 Flash サイトが魅力的ではないわけはありません。良い Flash サイトもたくさんあります。学生さんが Flash を選んだ気持ちも分かります。パッと見たときの魅力やインパクトは Fl
WebデザインNight!のプレゼンデータ＆リンク集を公開します! - web creators編集長公式ブログ：日々コレデザイン
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum
今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする（変更点を日付と一緒にメモしていく）XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり／なしの統一を指定するサイトリンクの表示をチェックして調整（以降随時）Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste
ビジネススキル勉強会 - ネットビジネスの共通言語を育てる勉強会。講師持ち回り方式で毎週開催中。
こんにちは、佐々木です。 講師の先生に「佐々木さんが携帯いじっているのをあまり見たことがない」とチクリと言われたので(笑)、がんばってメモをとって勉強しました。 特に参考になったのは、モバイルのメガサイトと注目サービスの一覧。 モバイルのメガサイト ・モバゲー ・グリー ・ミクシィ ・MobileSpace ・Yahoo!モバイル ・アメーバ ・＠peps ・魔法のiらんど ・girlswalker ・フォレストページ ・ケータイlivedoor ・ポケットスペース ・スタービーチ 注目サイト ・コロプラ ・らくらく連絡網 ・エフルート ・Shoppies ・コンチ ・Decoo ・ひとめぼ ・ミャクアリ 知らなかったサイトも結構あったので、しっかり使って勉強しようと思います。あと、こないだ買った『ケータイ白書』もまだちゃんと読んでなかった…のであわせて読もうと思います。 インターネット白
Webサイトの制作／運用の効率化を図る 「ガイドライン策定」のすすめ（前編）（1/4）：CodeZine
Web標準に従うことは、SEO効果、ユーザービリティ、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従ってWebサイトを制作しようとすると、制作者の頭を悩ませる多くの問題が待っています。本連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 はじめに Web標準に従うことは、SEO効果、アクセシビリティ、ユーザービリティ、相互運用性、互換性、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従って「正しい（X）HTML+CSS」でWebサイトを制作しようとすると、制作者の頭を悩ませる多くの
Web制作者の自己満足デザインなんて企業サイトには無意味なのさ！～Web担/日経BP/MarkeZine連動コラム | 初代編集長ブログ―安田英久
このコラムは、Web担当者Forumと「日経ネットマーケティング」「Markezine」各誌の編集長が、毎回共通のテーマでネットマーケティングを語るコーナーです。 第5回のテーマは「優れたWebデザインとは？」です。 他誌編集長のコラムも同時に公開されていますので、併せてご覧ください。 求められる、時代に応じた“つくり”「出会い」や「発見」の演出が重要になってきた（日経ネットマーケティング）デザインに取りかかる前に読み返したい言葉（Markezine）Web制作者の自己満足デザインなんて企業サイトには無意味なのさ！（Web担当者Forum）（この記事） 職業柄、「制作会社ってどこがいいですか？」とか「いいレンタルサーバーを教えてください」なんて聞かれることがあります。これって、意外と答えにくい質問なんですよ。というのも、予算とか期間とか用途とかにもよりますし、そもそも達成したい目的が何なの
Producing Web » Blog Archive » Web企画を立てる際にリストアップする34の要素
Webサービスの企画を行う際に、企画書を作られることがあるかと思います。個人で作るサービスであれば作らないこともあるでしょうが、企業として取り組む場合には必要なものです。 via Changes to site permalink page on Flickr - Photo Sharing! なぜ必要かと言えば、プロジェクトメンバーと意識を共有するためです。これがずれていると、プロジェクトの進行方向が徐々にずれていってしまいます。そうならないよう、初志を書き出しておくことで、定期的に見直し、改訂してプロジェクトを進めていくのが重要です。 そこで今回は私がWebの企画書（自分用ではなく、他社への提案用）を作る際に注意している項目を書き出してみました。実際は、これらを必要に応じて削除/追加したりします。 □ コンセプト 最も大事ですね。端的な言葉でサービスの概要を言い表す必要があります。 □
Directorという言葉の重み : LINE Corporation ディレクターブログ
ライブドアの田端です。 ディレクターズブログをお読みの皆さんは、 Web ディレクターとして、働いている、あるいは将来、働くことに興味がある、と思っている方がほとんどだと思います。 さて、そもそも Web ディレクターって、どういう存在なんでしょうかね？ そもそも、何ゆえに必要で、誰のために仕事をするべき存在なのでしょうか。 英語で「Director」という言葉は、会社であれば「重役・取締役」という意味があります。映画業界でディレクターといえば、そう、映画監督のことです。映画のロケ現場で、「ヨーイ、カチン」とやらせている横で、監督が踏ん反りかえって、座っている椅子ありますよね。あれは、ディレクターズ・チェアと言います。 ところで、外資系の会社では、よくバイス・プレジデントという役職があり、これは、日本語に直訳すると「副社長」なのですが、ちょっとした大企業だと、実際にはバイス・プレジデントが
いまWebディレクターの周辺では
いまWebディレクターの周辺では STOPN' LISTENを運営している鬼頭さん(ペタビット株式会社)のセミナー『いまWebディレクターの周辺では-最前線の課題と、そして成功へのルートとは-』に行ってきました。 ディレクターという職業は、組織によって役割が異なる為、他の組織の方のディレクション術はほんとに参考になります。 ディレクターとは? 『ディレクターは監督です。』 ユーザー、クライアント、デザイナー、ＰＧ、営業など様々な人を管理しプロジェクトをスタートからゴールまで正しい方向に導く職業。 Webディレクターの必須スキル-コミュニケーションスキル ディレクターにもっとも必要な能力。 抽象的な事象、指示をつかわずに日本語で具体的に指示できてこそのディレクター。 Webディレクターの必須スキル-マネージメントスキル 無理なことを実現するのではなく、『計画の段階でむりはしない』のがディレク
正しいWebサイト運営計画の立て方 : ネットPR.JP - netpr.jp -
正しいWebサイト運営計画の立て方 2008年07月10日 「正しいコーポレートサイトの運営」の第二回目では、「正しいWebサイト運営計画の立て方」をご紹介したいと思います。前回の予告では、「コーポレートサイトの戦略って？」というタイトルでお話する予定でしたが、早くも一回脱線ですが、私たちは毎日のようにWebのことでお客様とお話している立場ですので、「この話題を今、ご紹介したい」と思うトピックを随時挿入していきたいと考えています。 Webサイト運営計画とは？ ところで、Webサイト運営計画ですが、「戦略」の話ではありません。どのタイミングで何を検討し、いつまでに何を実行すべきなのか、という「運営計画」です。皆さんはWebサイトを運営していて、経営陣から突然「今月このリリースを急きょ出すことになったから、Webも対応して！」と言われたことはありませんか？小さなページ改修であればまだしも、特
第6回 マークアップする人から見た，こんなディレクターは嫌だ！
茨城県出身。1980年生まれ。専修大学経営学部卒業後，1年弱のニート生活を経て販売代理店の営業職を経験後，有限会社アイエイトワンに入社。主に，Webディレクション，マークアップを務める傍ら，講師活動・執筆活動を行う。allWebクリエイター塾ではCSS講習の講師。著書に「XHTML&CSSデザイン |基本原則，これだけ。」（共著，MdN発行）がある。 弊社は土日が完全休日なのではありますが，まぁ，それはそれで，休日も見事にガッツリとマークアップしているわけです。今回は，以前に行っていた案件（マークアップのみの案件）があまりにもヒドイのでは？ということで，「マークアップする人から見た，こんなディレクター（案件の進め方）は嫌だ！」ということを書き連ねて行きたいと思います。 1. サイトマップが見づらい クライアント様にお見せするという理由から，サイトマップをとてもビジュアル豊かにされるのは良い
WEB制作のスキルに薬事法と医師法の知識は必要ではないかという提案
食品関係のショッピングサイトには細心の注意が必要となる。 ホームページ作成をする上で、最も注意しなければならないのが、法律的トラブルの回避です。 その為に契約書と規約というものを必ず設ける必要があります。 例えば、大学生の人が、アルバイトで何も考えずにホームページを受注し、相手から出された資料を元に作成したとします。 渡された資料が、既に薬事法に違反していたとします（かなり多い）。 こうした違反したページを作った場合、作成した会社と、WEB制作者に罰則が言い渡される事があります。 これを回避する為、かならずホームページ上での文章等の責任は、全て依頼元に委託する規約が絶対に求められます。 こうしたトラブル回避は、ある程度薬事法と医師法の知識さえあれば先に打開策を練る事が出来ますが、一般的WEB制作者の中には、言葉すら知らない人も居るでしょう。 今回は、こうしたWEB上での最もトラブルになりや
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
W3Q - Web業界で働く方専用のQ&Aサービス - Tters
ウェブデザインのクオリティをアップする7つのポイント | コリス
AgencyTool Web Design Dashboard WEB制作に必要な情報を網羅したリンク集
Webに関わるすべての人の基礎知識 - 社団法人 全日本能率連盟登録資格「Web検定」
