カテゴリー別アーカイブ: design

俺が考えるレスポンシブ対応最新のブレイクポイント 2017

Published / by hihihi / Leave a Comment

max750pxブレークでサイトを作ることが多かったのですが

タブレット対応のお話をしていて、ふとそういや最新ってこれでほんとにこれのままじゃろか。えんじゃろか。と、調べ直したのでメモ。
お客さんに多分これじゃね〜?とか言えないもの…!言えないもの…!

レスポンシブの現状最新のブレイクポイントってどないなっとんぞ

iPhoneXの投入による変更などは特に無かったようですし、
余裕があれば下記のようにするのでしょうが…

(さらに…)

初心者がキンコーズでイラレデータを出力するときの注意点

Published / by hihihi / Leave a Comment

行ってみて、アーッ先に知っときたかったなぁって思ったことをメモ。

パソコン使用には初回に身分証明が必要

ぱっと行ってさっと出来るもんだと思ってたら、最近は会員登録以外に身分証明登録をしてないと使えないみたいです。へぇ!

パソコン使用時間

パソコン使用料金は20分250円。
家のパソコンとはスペックも設定も違うので、余計な作業で時間がかかったりする
初心者の20分はホンマに3種類程度出力するだけでいっぱいいっぱいと考えておいたほうがよい。

用紙をパソコンを使い始める前に決めておく

パソコンからデータを印刷機に送信したら、用紙を選んで注文表を渡すのだけれど、用紙じっくり選んでいたらそれだけで時間がたっちゃう。
(させてくれるのかは調べてないけど)どっかでみれるなら先に紙の見本を見せてもらってさきに検討をつけておくか、データが重ければ開いている間に先にチェックしておくのが吉

断ち切りサイズいっぱいに印刷する場合はトンボ付き出力で自分でカット

(さらに…)

投稿日:2017年9月25日

アーッ!イラレで重なり合ったオブジェクト境目に出る1pxジャギリを消す方法

Published / by hihihi / Leave a Comment

プログラマーの私が紙もの(フライヤー)つくったときの気付き。
消す方法あるのか。。知らなかったよママン。。

重なり合ったオブジェクト境目に出る1pxジャギリは、消せる!

これ知らなくてプレビューで出てたなぁ。。。
単純に書き出し精度が悪いだけだと思ってたけど、入稿データ、大丈夫かしら…

Illustrator で透明と描画モードを使用してアートワークを編集する方法
https://helpx.adobe.com/jp/illustrator/using/transparency-blending-modes.html
透明なグループの抜きの作成
のところ

(さらに…)

投稿日:2017年9月24日

アセット書き出しで画像が欠ける場合

Published / by hihihi / Leave a Comment

##円形とか、よく欠ける

アイコンの円形とか、よく欠ける、、、なんなのとおもったら
シェイプに小数点以下があるのが原因だった。

Photoshop CS6からの新しいスナップ機能を使ってぼけのないシェイプを描く方法 – Webデザイン – acky info
http://www.acky.info/tips/web/00017.html

メッモ!

投稿日:2016年6月30日

WP-PageNaviのデザインパーツ

Published / by hihihi / Leave a Comment

デザインに入ってなかったので、作ってもらうた時の説明をメモ。

URLを送って、(下記モックキャプ)

現在のページ数前後5ページと、それ以降は10ページ毎に数字が出ます。(変更も出来ます)

最初のページナビ用テキスト
最後のページナビ用テキスト
前のページナビ用テキスト
次のページナビ用テキスト

と体裁を指定してください。

記事が多くなった場合の表示サンプル

WordPress › WP-PageNavi « WordPress Plugins
https://wordpress.org/plugins/wp-pagenavi/screenshots/

上記サンプル見て頂いて分かる通り、1,000件とかなると、
結構数字部分の幅がかさむので、出来れば前後ボタンのレイアウト位置など調整出来るように
全て中央寄せ、もしくは左寄せが無難かと思います。

ニホンゴムズカシイネ

投稿日:2015年5月14日

コーダーpresents.デザイナーさんに見ておいていただきたい記事・サイト【スマホ関連編】

Published / by hihihi / Leave a Comment

前にリンク集作ってなかったっけ?と思ったけどつくってなかったので新規でつくる。
デザイナーさんに共有してより狙いにマッチしたサイトを作るためのリンク集。
各項目とも下に行けば行くほど古いのん。
ほかにももっと新しくて素晴らしい記事がいっぱいいっぱいあったようなきがするんだけどな。。。

デザインパーツのファイルサイズの圧縮について

↓概要↓
昨今増えてきたモバイル環境での遅いweb接続に対応するためにファイルサイズ小さくするようにコーダーは孤軍奮闘なうです。しかしそれには、デザイナーさんの協力が不可欠マストです。なぜなら例えばJS圧縮してもせいぜい10KB→3KBですが、デザインパーツ(画像)を圧縮したり不要なパーツを減らしたりすると200KB→90KBとかになり、それ×画像分で影響力がぱねぇっす。デザインのちからこんなとこでもぱねぇっす。
それにコーダーだけではHPにもMPにも限界がありますです。デザインしたもの、ちゃんとみんなに閲覧してもらうために、デザイナーもコーダーも一緒くたになって同じ釜の飯を食べて、よく遊んで、寝て、見た目だけじゃなくて体感速度さえも自在にデザインしようぜエビバデピーポーってはなし。

画像の作り方・使い方でファイルサイズを減らす方法 │ Design Spice :
http://design-spice.com/2014/04/16/reducing-image-size/

iPhone(スマホ)向けサイトを軽量化・高速化するための必須項目 | Mnemoniqs Web Designer Blog :
http://mnemoniqs.com/web/light-smt-page/

OGP画像について

てまえみそですがサイズがガンガン変わるのでメモしたやつ。
facebook OGP画像の推奨サイズがまた変わりましたよっと | hirokona :

facebook OGP画像の推奨サイズがまた変わりましたよっと

スマホサイトのデザイン作成について(基礎の基礎)

■デザインで気をつけること
スマートフォンサイトを作る際に気をつけたい 9つのポイント | ホームページ作成 :(2013.06.11)

スマートフォンサイトを作る際に気をつけたい 9つのポイント

Photoshopでスマホサイトをデザインする際の注意点 | デザインオフィス マジリのブログ : (2013/10/01 )

Photoshopでスマホサイトをデザインする際の注意点

ちょっと古い記事。黎明期?に書いてくださっている。
スマートフォンサイトをデザインする上で知っておくべき10のTIPS – to-R : http://blog.webcreativepark.net/2011/06/16-103025.html

これもちょっと古い記事。
もうちょい新しくてわかりやすいのあったきがするんだけどなぁ。。。。
【スマートフォンサイト制作の総まとめ 第1弾】スマホサイトデザインの基礎知識 | 07design.blog : http://07design.net/blog/?p=596#chapter4

■フォントについて
・サイズなど
初めてのスマホサイトデザインの前に押さえておきたいテキスト表示7つの基本 :
http://touch-slide.jp/column/202/

・スマホのフォントって?細かく指定できる?
【備忘録】今現在のfont-family指定の最善解。Androidまで意識するとこうなりました! | ultimate-ez.com : (2013/09/08)

【備忘録】今現在のfont-family指定の最善解。Androidまで意識するとこうなりました!

スマートフォンサイトのデザインで使うべきフォント :(ちょっと古い?)
http://touch-slide.jp/column/265/

■アプリ系だけどwebにも共通項がががが系
開発者は必見? GoogleがAndroidアプリのUXアンチパターン動画を公開 – すまほん!! : (2014/04/13)http://smhn.info/201404-google-android-app-antipattern

投稿日:2014年4月17日